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

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

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

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

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

Conclusion

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