How to add Firebase to your web app

How to add Firebase to your web app
How to add Firebase to your web app

Add Firebase to your Cloud project, configure your authentication settings, and then add Firebase to your web service.

Configure Firebase Config Keys in Ionic

In this step, we will register the Firebase config rules inside the app-settings.ts files, you can find these files in the ("NameApp/src/services/app-settings.ts")

Step 1: Open project

How to add Firebase to your web app

Step 2: Click on next button for "Web apps"

How to add Firebase to your web app

Step 3: Please insert name your project, and click on "Register app" button to start.

How to add Firebase to your web app

Step 4: You can now simply the information from the config object

How to add Firebase to your web app

and paste it below into your ("NameApp/src/services/app-settings.ts") under a new Firebase key like this:

How to add Firebase to your web app

Conclusion

That’s it for now, finally we have learned how to add Firebase to your web app.

Read next on DevsPush Blog:

5 rules for perfect mobile UI design
Friday 03 July 2020 by DevsPush

5 rules for perfect mobile UI design

The secret to creating a beautifully designed app is simple.

9 Compelling Mobile Apps Built Using Flutter
Friday 19 June 2020 by DevsPush

9 Compelling Mobile Apps Built Using Flutter

Released in May 2017, Flutter is a free and open source Google mobile UI framework, that provides ...

Ionic 5 Templates Top 10
Monday 27 April 2020 by DevsPush

Ionic 5 Templates Top 10

For beginners or experienced developers, here are the top picks for Ionic 5 templates!

deco shop

Subscribe for discounts, updates & new products!

We’ll never ever share your email address with anyone.