[Firebase, Ionic] 페이스북으로 로그인하기 1탄 (친절주의) (Login with Facebook)

소스 다운로드 > https://github.com/cpromise/realtimeChat

이 예제에 사용된 소스 : initAgain을 다운로드 받으시면 됩니다.

이 예제를 완성시킨 소스 : Login with Facebook을 다운로드 받으시면 됩니다.

+

Firebase번외편!!

 f 페이스북으로 로그인하기

매우 많은 스크린샷으로 안내할테니 따라만 와주신다면 문제없이 작동할 겁니다.

Step 1. 페이스북에 앱 등록하기

 https://developers.facebook.com/ 으로 이동해주세요. (클릭하면 이동)

이런 화면이 나왔죠?

로그인 하시고 My Apps > Add a New App 을 클릭하여 이동합시다.

하이브리드앱이므로 웹사이트로 만들어줍시다!!

앱의 이름을 적고 Create App ID를 클릭해줍시다!

카테고리 알맞게 고르시고 Create App ID를 눌러줍시다!

오!! 뭔가가 생겼네요 하핳

자 이제 우리앱을 제대로 등록해봅시다!!

My Apps > Settings로 이동해주세요.

Advanced로 이동!

이런 화면이 나왔다면, 휠을 아래로 내려주세요.

Valid OAuth redirect URIs의 칸에 

https://auth.firebase.com/v2/firebaseID/auth/facebook/callback

firebaseID에는 여러분의 firebaseID를 넣어주시구요!

Save Changes를 눌러 줍시다.

그럼 이제 Basic 탭에서 App ID와 App Secret을 가져올겁니다.

App Secret은 Show버튼을 눌러줘야 보입니다.

비밀번호를 입력해주시면!

이제 보이시죠~?

이걸 복붙 할겁니다. 어디로?? firebase홈페이지로 이동~!

Firebase Login & Auth로 이동하셔서 페이스북 탭에서 App ID, App Secret을 입력하신후 Enable 체크!

이렇게 Step1이 끝났습니다. 하다보니 너무 길어져서 Step2는 다음으로 이동합니다.

2탄 보러가기(클릭)

하..부럽다...