Skip to content

Firebase and Facebook Authentication Configuration

Turner Hayes edited this page May 15, 2019 · 1 revision

Creating a Firebase project

  1. Go to https://console.firebase.google.com and Add Project

  2. Go to the settings page for the project's default app

  3. Find the configuration values on the page and paste them into a firebase/config.js file (see firebase/config.js.example for the format)

Creating Facebook App and Linking to Firebase App

  1. From the Firebase console, go to the Authentication section

  2. Go to the Sign-in method tab

  3. Click to edit the Facebook row and enable it

  4. Find the OAuth Redirect URI and copy it

  5. Go to https://developers.facebook.com/apps and Add a New App

  6. Add the Facebook Login Product

  7. Choose the Web product

  8. Add a site URL (I don't think the URL matters--you can just use https://plogalong-th-dev.firebaseapp.com/)

  9. Edit the Settings for the Facebook Login product

  10. In Valid OAuth Redirect URIs paste the OAuth Redirect URI you copied in step 4 and click Save Changes

  11. Under Basic settings for the Facebook app itself (not the Facebook Login product), click Add Platform and choose Android

  12. In the Android settings, add the key hash mentioned here into the Key Hashes field

  13. Add the iOS platform (the same way you did with Android)

  14. In the iOS settings, add host.exp.Exponent as the Bundle ID (as mentioned in the Expo docs in Step 12)

  15. Click Save Changes

  16. In firebase/config.js, add the Facebook App ID (see firebase/config.js.example for the format)