소소한 일상 블로그

* 먼저 해당 포스트는 튜토리얼이 아닌 Firebase 사용하는 과정에서 발생한 오류 및 해결과정, TIP 중심의 글임을 알려드립니다.  

* Firebase 설명 자체가 굉장히 잘 되어있으므로 튜토리얼은 Firebase를 참고하세요. 여기서 발생한 오류/정보도 Firebase 가이드에 있으나 놓쳤을 확률이 높습니다.

1. 웹 클라이언트 init 데이터 경로 

auth는 아니지만 init 에 사용되는 데이터 경로입니다.

 - 아래는 웹 클라이언트 측에서 Firebase 연동하여 init할 때 필요한 config 입니다. 

var config= {
apiKey:""
authDomain:""
databaseURL:""
projectId:""
storageBucket:""
messagingSenderId:""
 };

  - confing에는 연동하고자 하는 프로젝트의 각종 값이 필요합니다. 아래는 그 값을 찾을 수 있는 위치입니다.

• apiKey = 좌측탭 상단 - 톱니바퀴 -  프로젝트 설정 - 일반 - 웹 API 키
• projectId = 프로젝트 설정 - 일반 - 프로젝트 ID
• authDomain =  프로젝트ID.firebaseapp.com   이거나 Authentication - 로그인 방법 - 승인된 도메인 중 localhost 외의 경로
• databaseURL = 좌측 탭의 Database의 데이터베이스 이름 또는 디폴트로 https://프로젝트ID.firebaseio.com 이거나  프로젝트 설정 - 서비스 계정 - Admin SDK 구성 스니펫의 databaseURL
• storageBucket = 디폴트로는 gs://프로젝트ID.appspot.com 
• messagingSenderId = 프로젝트 설정 - 클라우드 메시징 - 발신자 ID

2. FirebaseUI의 데이터 값

 - FirebaseUI는 로그인 UI가 완성된 버전을 붙이는 것입니다. 개발자가 따로 UI를 짤 필요가 없죠. 저는 Facebook, google play game, 익명 을 사용해봤습니다.

• GOOGLE

• 
  • https://console.cloud.google.com/apis/credentials
  • 상단에 해당 프로젝트 선택 - OAuth2.0 클라이언트 ID의 웹 어플리케이션 선택
  • 클라이언트 ID , 클라이언트 보안 비밀 추가

• Facebook

• 익명

  • 그냥 사용 설정

3. FirebaseUI에 게스트 로그인 추가하기

 - signInOptions 에 "anonymous" 추가