Setup FCM for Chrome and Firefox Browsers

To create a Firebase project, follow these steps:

  1. Go to Google Firebase Console.
  2. Click Add Project.
1895

Figure 3: Welcome to Firebase

  1. Add the following in the screen that appears:
    a. Project name: Enter a name for your project and click on Continue.
1915

Create Project

b. Enable Google Analytics for this project: You can disable it and click on Create project.

1920

Project Created

c. The console will create a project with the given details.

1920

Project creation in process

d. Your Project is created, click Continue to proceed.

1920

Project Created

  1. On the Project Overview page, click on Web Icon to Add Firebase to your web app.
1920

Add Firebase to web app

a. Enter the App name on the following screen that appears and click on Register app.

1920

General setting page

b. Click on the Continue to console.

1898

Project Credentials

  1. On the Project Overview page, click the Settings icon > Project settings.
1901

User Interface

  1. In Project settings > General tab, copy the Web API Key in the Webex Connect Web APP setting Page.
1920

Project Settings

  1. In the Your apps section > SDK setup and configuration section, select Config.
1901

SDK setup and configuration

  1. Copy the complete firebase configuration object and paste it in the Firebase SDK Snippet in the Webex Connect Web APP setting Page. 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, firefox application.

📘

Please do not reveal the API key and Snippet details to the end users.