안녕하세요. 이지이지입니다.
이번 포스팅에서는 앱인벤터2(App Inventor2)에서 회원가입 및 로그인 기능을 만들어 볼텐데요.
여러 사이트들에서 볼 수 있는 이메일인증 기능과
파이어베이스(firebase) DB를 이용해 회원정보를 기록할 수 있도록 하겠습니다.
먼저 왜 파이어베이스DB를 사용하는지 설명드리겠습니다.
앱인벤터 2에서는 기본적으로 TinyDB와 TinyWebDB를 제공해 주는데요.
TinyDB와 TinyWebDB는 회원가입과 회원정보를 보관하는데 다음과 같은 한계점이 있습니다.
● TinyDB: 사용자 개인의 휴대폰에 데이터가 저장됨
→ 운영자 입장에서는 사용자 개인의 정보를 볼 수 없으므로 회원가입이 무의미함.
● TinyWebDB: 앱인벤터에서 제공하는 테스트 서비스로써 데이터베이스를 다른 사용자와 공유함.
→ 불특정 다수가 불특정 DB에 접근할 수 있음.
● Firebase: 구글이 운영하는 모바일 및 웹 애플리케이션 개발 플랫폼
→ 실시간 데이터베이스(Realtime Database) 및 저장 공간(Cloud Storage) 제공
→ 인증 기능(Authentication) 제공 등등 아주 많은 기능을 제공하고 있습니다.
더욱이 개인정보보호법시행령에는 비밀번호는 암호화하여 저장해두라고 하는데,
초보개발자들에게 힘든 이 점을 파이어베이스를 통해 쉽게 해결할 수 있습니다.
그래서 이번 포스팅에서는
앱인벤터에서 회원가입 및 로그인을 구현하기 전에
파이어베이스 프로젝트를 먼저 만들어두도록 하겠습니다.
| 파이어베이스(Firebase) 프로젝트 만들기 |
1. 먼저 다음 링크를 클릭하여 파이어베이스 사이트로 접속합니다.
Firebase
Firebase는 고품질 앱을 빠르게 개발하고 비즈니스를 성장시키는 데 도움이 되는 Google의 모바일 플랫폼입니다.
firebase.google.com
2. [시작하기] 버튼을 클릭합니다.
3. [프로젝트 만들기]를 클릭합니다.
4. 적절한 프로젝트 이름을 입력 후 [계속] 버튼을 클릭합니다.
5. 이 프로젝트에서 Google 애널리틱스 사용 설정을 활성화하고 [계속]을 클릭합니다.
(활성화하지 않아도 괜찮습니다.)
6. Google 애널리틱스 계정 선택 또는 만들기에서는 [Default~] 값으로,
애털리틱스 속성은 [자동으로 새 속성 만들기]를 선택 후
[프로젝트 만들기]를 클릭합니다.
7. 이제 회원정보를 저장하기 위해 데이터베이스를 만듭니다.
아래 그림의 순서대로 클릭합니다.
8. 실시간 데이터베이스 위치는 아무 것이나 지정해도 상관없습니다.
위치를 지정한 후 [다음]을 클릭합니다.
9. [테스트 모드에서 시작]에 체크합니다.
(추후 앱 개발시 사용자의 권한에 따라 규칙을 수정합니다.)
10. 다음 그림의 순서대로 데이터베이스의 규칙을 수정합니다.
(현재는 앱 개발 단계에 있으므로 모든 사용자가 데이터베이스를 읽고 쓸 수 있게 설정하는 것입니다.)
11. 회원가입 시 이메일 인증기능(Authentication)을 사용하기 위해 다음 그림의 과정을 거칩니다.
12. 여러 가지 인증기능이 있지만
이지이지에서는 이메일인증을 사용할 것이므로 다음 그림의 과정을 거칩니다.
13. 사용 설정을 활성화시키고 [저장]을 클릭합니다.
이제 파이어베이스의 설정은 모두 끝났습니다.
다음 포스팅에서는 회원가입 및 로그인 화면구성을 다루도록 하겠습니다.
댓글