[Firebase Codelab 샘플] 02.구글 로그인과 Cloud Firestore(DB), Cloud Storage 사용

앞에서 Firebase를 이용한 채팅 웹앱을 만드는 Codelab 예제의 개발 환경 설정을 살펴보았습니다.

https://learn-and-give.tistory.com/103

[Firebase Codelab 샘플] 01.FriendlyChat 웹 앱 만들기 환경 설정

 

 

구글 로그인

채팅을 할 때 계정을 구분하게 되는데, Firebase에서는 다양한 외부 서비스 계정을 사용 할 수 있습니다. 구글 계정을 사용하는 방법을 알아보겠습니다. 이건 뭐 대부분 Firebase에서 다 알아서 해주기 때문에, 추상화 된 내용 수준에서 필요 할 것 같은 정보만 넣어주면 됩니다.(무슨 말이야??ㅋ)

 

 

서비스 사용

Firebase가 좋다고 해도 내 맘을 알아내어 자동으로 해주는 것은 아니니까 하는 방법을 알아봅니다.

콘솔로 돌아가서 빌드/인증 으로 가면 인증이 나옵니다. 저는 이 계정으로 처음 사용하기 때문에 과거 이력이 없어서 시작하기 안내가 나오네요.

 

시작하기를 눌러 줍니다.

 

Firebase를 통해서 손쉽게 연동 가능한 계정 유형이 보이는데, 구글 계정으로 고고씽~

 

뭐 여차 저차~~~~ 법적 책임 등등...옵션 설정 등등...  

사용 설정을 눌러 활성화 시키고 프로젝트 정보를 입력하여 저장을 누릅니다.

프로젝트에서 사용 할 이메일을 입력하는데, Firebase를 사용하는 계정일 필요는 없습니다.

이것만 하면 구글 로그인 쓸 수 있는 준비 끝!

 

 

 

데이터베이스인 Cloud Firestore 사용 준비

처음에 Firebase를 공부 할 때 좀 어려웠던 점이 Database와 Storage의 구분, 그리고 Database도 일반과 RealtimeDB의 구분 이런 것이 좀 어려웠습니다.

 

Cloud Firestore라고 화면에 보이는데 또 좌측 매뉴에 보면 Firebase Database라고 나와 있어서 Firebase Database는 그럼 Cloud가 아닌건가??? 하고 헷갈릴 수 있죠. 아무튼 서로 같은 것입니다.

 

모드 설정

서비스를 만들 때 개발 중에는 다양한 유형의 사용자들을 사용 예에 대해서 테스트 해보고 또 수정하는 과정을 많이 거치게 되는데, 이때 하나의 계정으로 모든 것을 다 해보기는 번거롭죠. 그래서, 테스트 모드라는 것이 있는데, 이 모드에서는 권한 설정을 맘대로 읽고 쓰게 해줍니다. 그냥 권한 없이 다 할 수 있는 상태라고 보면 됩니다.

 

예전에는 테스트 모드에 날짜로 제한하는 것이 없었는데, 테스트 모드로 설정해 두고 그냥 까먹어 버리는 경우를 위한 안저너 장치 아닐까 싶네요. admin 암호도 변경하지 않고 서비스를 내보내는 경우도 있으니 충분히 필요한 것 같네요.

 

DB위치

DB가 세계 여러 곳곳에 있는데, 기왕이면 우리 나라에서 가까운 것을 쓰면 좋겠죠?? 그런데, Global service라면 꼭 그렇지는 않겠구요.

 국내 서비스라면 당연히 한국에 있는 서울 것을 쓰는 것이 좋을 것 같네요.

https://firebase.google.com/docs/projects/locations?hl=ko&authuser=0

 

 

자, 이렇게 하면 DB가 준비 되었습니다.

여기에 어떻게 값을 쓰고 읽는지는 나중에 뒤에서 샘플 코드를 보고 살펴보겠습니다.

 

 

Cloud Storage

 

앞에 것은 DB이고 이것은 파일 저장 용도의 저장소 입니다.

DB에도 파일이 Blob으로 들어갈 수 있고, 파일에도 DB의 항목을 JSON 형태로 저장 할 수도 있지만, 용도에 맞게 최적화 되어 있는 서비스를 사용하는 것이죠. 용량의 제한도 서로 다를 것이고.

 

사용 방법은 위에서 살펴본, Cloud Firestore와 거의 같습니다.

 

시작~

모드 선택도 위에서 살펴 보았고~

 

이건 한국 서버가 따로 없네요. 

 

자, 요렇게 만들어 졌습니다.

 

 

여기까지 한 것은 구글계정 사용, Cloud Firestore, Cloud Storage를 쓰기 위한 Firebase 설정 과정이었고, 이 설정 된 환경의 Firebase로 서비스를 만드는 과정은, 역시나 Firebase SDK를 이용한 코드 작성 과정입니다. 대부분의 사용 로직이나 구현 방식이 유사합니다.

 

로컬에서 개발 환경을 만드는 과정을 다음에 해보도록 하겠습니다.

https://learn-and-give.tistory.com/105

[Firebase Codelab 샘플] 03. Firebase SDK 설치와 CLI 기반 개발환경 구성