코듈러(Kodular),앱인벤터(App Inventor) 파이어베이스(Firebase) 실시간 (Realtime) Database 등록방법

DB중 실시간 자료 갱신여부를 체크해주는 Firebase의 Realtime Database 등록 및 설정 방법을 알려드리겠습니다.

 

 

Firebase

1. 먼저 firebase에 가입을 해야합니다. 위 링크를 클릭하여 회원가입을 합니다.

대부분 구글계정이 있으시기 때문에 별도 절차없이 구글 계정으로 로그인 하시면 바로 이용할 수 있습니다.

2. 로그인 후 [시작하기]를 클릭합니다.

3. [프로젝트 추가]를 클릭합니다.

4. 프로젝트 이름을 영문4자 이상으로 하여 원하는 문자를 입력한 후 [계속]을 클릭합니다.

5. [계속]을 클릭합니다.

6. 계정을 선택한 후 [프로젝트 만들기]를 클릭합니다.

7. 프로젝트가 생성중입니다. 잠시만 기다리면 완성됩니다.

8. 이제 [sample]이라는 프로젝트가 준비되었습니다. [계속]을 클릭하시면 됩니다.

9.  좌측 메뉴 중 [Realtime Database]를 클릭합니다.

10. [데이타베이스 만들기]를 클릭합니다.

11. [테스트 모드에서 시작]을 선택하고 [사용 설정]을 클릭합니다.

12. 이제 나만의 실시간 데이타베이스 공간이 확보되었습니다. 일단, 빨간 화살표의 클립아이콘을 클릭하여 빨간 네모안의 url주소를 복사합니다.

13. 코둘라(앱인벤터)에서 Firebase RetimeDatabse 컴포넌트 항목을 디자인에서 추가 한후 속성 화면을 보시면 위와 같이 3개의 항목을 이제 채워 넣어야 통신이 가능해집니다. 이 중 1,2번은 firebase에서 값을 복사해와야 하며, 3번은 임의의 문자열을 원하는 대로 입력하면 됩니다. 일종의  폴더명이라고 생각하시면 쉽습니다.

자, 12번에서 복사한 값을 위의 2번 URL칸에 붙여넣기합니다. 

14. 이번엔 1번 토큰값을 복사하는 방법입니다. 다시 Firebase 화면으로 갑니다.

     빨간 원의  톱니 아이콘을 클릭하고 [프로젝트 설정]을 클릭합니다.

15. 웹API키 검은선 부분을 복사합니다. 그리고 12번의 1번 네모칸[Token]에 붙여넣기합니다.

자, 이제 대망의 실시간 데이타베이스 사용 준비가 완료되었습니다.

활용 예제는 다음에 올려드리도록 하겠습니다. 

 

16. 그리고 끝으로 읽고 쓰기 권한 규칙을 수정해 주지 않으면 나중에 permission denied로 읽고 쓰기가 불가능해질 시기(한달 뒤)가 옵니다. 바로 규칙을 다음과 같이 수정해줍니다.

16. 위 그림과 같이 규칙을 수정해 주고 

17. [게시]를 클릭해 줍니다... 이제 읽고 쓰기 권한이 부여되었으니 거부당할 일이 없습니다...