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.
15971597

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.
14741474

Create Project

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

Project Created

  1. On the overview page, Click icon text toProject Overview
10821082

Add Firebase to web app

  1. The project setting details are displayed, copy the Web API Keyin Webex Connect Web APP setting Page
13801380

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.
12771277

Project Credentials

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

998998

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.