1. Help Center
  2. Custom App Set Up
  3. Firebase & Facebook Developer

Step 1. Setting up your Firebase

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.

 

NOTE: MAKE SURE THAT YOUR APP BUNDLE ID MATCHES EXACTLY WHAT YOU HAVE LISTED IN MYSTUDIO AND THE APP STORE.

 


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.

 

NOTE: MAKE SURE THAT YOUR APP BUNDLE ID MATCHES EXACTLY WHAT YOU HAVE LISTED IN MYSTUDIO AND THE APPLE APP STORE (an incorrect bundle ID will mean that the json file does not match and can't be uploaded).

 

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 ENGAGE, 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 Key pair and store this in a safe place because you will need to provide us with this.