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:

How to build the perfect app for your product
Monday 11 January 2021 by DevsPush

How to build the perfect app for your product

There are applications out there that can make you want to look at them for hours.

Top 8 UI/UX trends to look out for in 2021
Tuesday 15 December 2020 by DevsPush

Top 8 UI/UX trends to look out for in 2021

After the year we’ve all had, we better be prepared.

Entering the market: how to prep your app for greatness
Friday 13 November 2020 by DevsPush

Entering the market: how to prep your app for greatness

Analysis isn’t just about numbers – although they are some of your best input.

deco shop

Subscribe for discounts, updates & new products!

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