setup_firebase_multiple_envs.mo
Last updated
Last updated
Correcter: Thomas Pucci
You can install and setup Firebase with two different ways:
Javascript asynchronous setup
Native synchronous setup
Pros
- 👍 No Native code is required - ⏩ Setup is quick
- 🚀 In your application, you do not need to wait for firebase to instantiate each time you need it - ✅ You can use Firebase Phone Authentication
Cons
📲 You need install native libraries
This MO aims to setup Firebase with the Native synchronous setup. For the Javascript asynchronous setup read the ; and each time you need to call Firebase in your JS code, wait for the Firebase app initialization with onReady()
method.
It's pretty straightforward to install Firebase when you have only one environment. But what if you have multiple environments, such as dev
, staging
and production
? Here's a step-by-step guide.
On Android, Firebase groups the different configurations in one file.
Select your project
Click "Add an application", choose Android
Fill in the form (giving a name like Staging
), click save, and close the window
Repeat steps 3 to 4 for all your environments
Download the google-services.json
file
Select one of the Android applications
Click on "google-services.json"
Put google-services.json
in your app
folder (android/app
in React-Native)
You might want to add google-services.json
in your .gitignore
On iOS, there is one Firebase configuration file per environment.
Select your project
Click "Add an application", choose iOS
Fill in the form (giving a name like Staging
), click save
Download the configuration file GoogleService-Info.plist
and rename it like GoogleService-Info.{APP_IDENTIFIER}.plist
Example: for tech.bam.myApp.staging
, GoogleService-Info.tech.bam.myApp.staging.plist
Repeat steps 3 to 5 for all your environments
Duplicate your configuration file for dev environment two times and rename them like so:
GoogleService-Info.plist
GoogleService-Info..plist
Put all your configuration files in the root of your iOS app folder (ios
in React-Native)
Make sure that your app identifier is injected in your .pbxproj
. For example, if you're using Fastlane, add a update_app_identifier
step like:
If you bootstrapped your project with BAM generator, use the following in the iOS build lane:
In XCode, in Build phases
, add a Select GoogleService-Info.plist
build step before the Copy Bundle Resources
step that contains:
In XCode, in Build phases
, add a Clean GoogleService-Info.plist
build step after the Copy Bundle Resources
step that contains:
Make sure that the GoogleService-Info.plist
is listed in the resources of the Copy Bundle Resources
step
You might want to add GoogleService-Info.*.plist
in your .gitignore
⚠️ You cannot use this setup if you aim to use Firebase Phone Authentication as it requires the default Firebase app to be setup (meaning the native synchronous setup to be done: see the paragraph ℹ️ Important note )
Go to the
Go to the
You can take a look at the commit that adds crash reporting and analytics in DailyScrum: