This article will take you through the steps needed to set up your Firebase so that your members are able to use Facebook login functionality.


STEP 1     Go to https://firebase.google.com and select SIGN IN on the top right.


STEP 2    Select GET STARTED

STEP 3    Click CREATE A PROJECT


STEP 4    Under Project name > Specify your APP NAME.

STEP 5    DISABLE Google Analytics and click Create Project.

ADD YOUR IOS APP

STEP 6     On the next screen, select IOS.

STEP 7    Input your APP BUNDLE ID  (How to set up your APP BUNDLE ID) if you haven't already done so.), leave APP NICKNAME AND APP STORE ID blank.


STEP 8    Select REGISTER APP.


STEP 9    For the remaining steps:  SELECT NEXT for: Download config file, Add Firebase SDK, Add Initialization code.


STEP 10    Click CONTINUE TO CONSOLE.

ADD YOUR ANDROID APP

STEP 11    We will now be adding Android app to your Firebase. Click + APP APP as shown below. 

If you do not see the below screen, then navigate to your main console HERE and then click the PROJECT you already created.


STEP 12    Now click the ANDROID icon as shown below.

STEP 13  

For ANDROID PACKAGE NAME, input your APP BUNDLE ID just as you did in the prior steps for iOS.

For DEBUG SIGNING CERTIFICATE SHA-1, copy and paste the following:
03:df:c5:74:06:2a:63:46:0c:fe:d1:71:38:c3:08:04:db:df:1a:b0


STEP 14    Select REGISTER APP.

STEP 15    For the remaining steps:  SELECT NEXT for: Download config file and Add Firebase SDK.

STEP 16    Select CONTINUE TO CONSOLE


STEP 17    On the left hand menu and under DEVELOP, click on AUTHENTICATION.


STEP 18    Click on Get Started.


STEP 19    Select GOOGLE.


STEP 20    Click ENABLE in the top right. select a support email & SAVE.


STEP 21    

Under PROJECT PUBLIC-FACING NAME, Specify your APP NAME in the box.
Under PROJECT SUPPORT EMAIL, Specify your SUPPORT EMAIL in the box and click SAVE.


STEP 22    Click on FACEBOOK from the list.


STEP 23

— Click ENABLE on the TOP RIGHT.
— Input the APP ID and APP SECRET you generated from your Facebook Developer App Config. (Click here for APP ID and APP SECRET instructions)
Copy and Paste your OAUTH REDIRECT URI in this window in to your Facebook App Config here

STEP 24    Click PROJECT OVERVIEW on the top left of the menu.


STEP 25  Click + ADD APP

STEP 26    Click the SNIPPET ICON at the top as shown below.


STEP 27    Under Register app, type your APP NAME and click REGISTER APP.


STEP 28    Copy the following FIREBASE CODE SNIPPET as shown below and SAVE THIS for your WHITE LABEL FORM SUBMISSION

Then Click CONTINUE TO CONSOLE.


STEP 29    On the left hand menu under GROW, click DYNAMIC LINKS.


STEP 30    Click on GET STARTED.


STEP 31    Under DOMAIN, provide your link as YourAppName.page.link.

STEP 32    Click CONTINUE.


STEP 33    Click FINISH.


STEP 34    Click on PROJECT OVERVIEW in the top left.


STEP 35    Click on the ORANGE ANDROID ICON and the click the SETTINGS GEAR ICON.

STEP 36    Scroll down and click to download the google-services.json file. Save this JSON file safely because you will need to provide us with this.


STEP 37    Scroll up and click CLOUD MESSAGING.


STEP 38   Copy the SERVER KEY and store this in a safe place because you will need to provide us with this.

Did this answer your question?