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.