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:

The mobile app trends that dominated 2020
Monday 15 February 2021 by DevsPush

The mobile app trends that dominated 2020

This year was a gamechanger on many levels, but there are some constants.

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.

deco shop

Subscribe for discounts, updates & new products!

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