Setup FCM for Chrome and Firefox Browsers

To create a Google API project, follow these steps:

  1. Go to Google Firebase Console.
  2. Click Add Project.
Figure 3: Welcome to FirebaseFigure 3: Welcome to Firebase

Figure 3: Welcome to Firebase

  1. Add the following in the screen that appears:
    • Project name: Enter a name for your project.
    • Country/region: Select the country name.
    • Select the Default setting and Terms and conditions check-box
  2. Click Create Project to continue.
Create ProjectCreate Project

Create Project

  • The console will create a project with the given details.
  • Click Continue to proceed.
Project CreatedProject Created

Project Created

  1. On the overview page, Click icon text toProject Overview
Add Firebase to web appAdd Firebase to web app

Add Firebase to web app

  1. The project setting details are displayed, copy the Web API Keyin imiconnect Web APP setting Page
General setting pageGeneral setting page

General setting page

  1. Click on Cloud Messaging.
    While creating a chrome/Firefox app, you can enter either the Legacy server key or the Server Key in the API Key and Sender ID for Project number.
Project CredentialsProject Credentials

Project Credentials

The API Key can either be the Legacy server key or the Server Key.

User InterfaceUser Interface

User Interface

The snippet contains initialization information to configure the Firebase JavaScript SDK to use Authentication, Cloud Storage and the Realtime Database.
Users can take the apikey and messagingSenderId to create a web push chrome application.