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.

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.

Create Project

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


Project Created

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


Project creation in process

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


Project Created

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

Add Firebase to web app

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


General setting page

b. Click on the Continue to console.


Project Credentials

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

User Interface

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

Project Settings

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

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.