Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Auto config Firebase SDK in React

  • I have a React app that I'd like to deploy to multiple environments (dev, staging, prod).
  • each env is a separate Firebase project with its own config (apiKey, databseURL, etc). currently I hold multiple firebase-config.json for each env and use a switch in source code to determine which to use.
  • I am using Firebase hosting for the app.
  • The hosting docs state that I can fetch a special reserved url /__/firebase/init.json (or script in /__/firebase/init.js) that firebase hosting prepares for each project separately so I can init the correct instance of the firebase app for that environment. Also see the blog post here

What I can't figure out is: fetching the special js/json file over the network is async and in the meantime the react app is initialising and requires the firebase app for auth and other operations. Is there a way I can complete the firebase init and have a firebase app instance ready before react has started-up?

like image 209
Shai Ben-Tovim Avatar asked May 24 '18 18:05

Shai Ben-Tovim


People also ask

How connect react JS with Firebase?

To integrate Firebase into our React app, we need to first get the web configuration object and then use it to initialize Firebase in our react app. Copy the config to the clipboard; we'll need it later on to initialize Firebase. Then, click Continue to console to complete the process.


1 Answers

firebase setup:web --json has been deprecated.

You can now use firebase apps:sdkconfig web --json instead.

Full info here.

like image 70
paintedbicycle Avatar answered Sep 27 '22 22:09

paintedbicycle