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 create a Firebase project
Tuesday 24 March 2020 by DevsPush

How to create a Firebase project

You create a project with the Firebase console. Firebase is a Backend-as-a-Service (Baas) that helps mobile...

Five reasons you should learn to use Flutter
Thursday 19 March 2020 by DevsPush

Five reasons you should learn to use Flutter

Growing in popularity has made this framework become more versatile and polished.

Responsive design in a flash
Tuesday 10 March 2020 by DevsPush

Responsive design in a flash

What does it take to create a responsive app? The simple answer would be to build everything ...

deco shop

Subscribe for discounts, updates & new products!

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