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. Ensure Firebase Cloud Messaging API (V1) is enabled: The Firebase Cloud Messaging API (V1) is enabled by default for all the newly created projects. Hence, you can skip the step. However, for existing Firebase projects, you must have Cloud Messaging API (V1) enabled.

    📘

    Note

    The Cloud Messaging API (Legacy) is deprecated, and FCM Server Key-based push notifications
    will no longer work.

    To check, click the Settings icon next to "Project Overview" in the top left of the left-hand menu and select Project settings. Select the "Cloud Messaging" tab.

    If it is disabled, click the More icon (three dots) and click Enable on the Product Details page. It may take a few minutes for the process to complete.

  2. Click the Settings icon next to "Project Overview" in the top left of the left-hand menu and select Project settings. Then click Service accounts tab.

  3. Click Generate new private key, under the Admin SDK configuration snippet.

    A warning message appears as shown below.

  4. Click Generate Key. A JSON file will be downloaded.

    📘

    Note

    Do not edit the downloaded JSON file. This is needed within the next section.

  5. Copy the complete firebase configuration object and paste it in the Firebase SDK Snippet and upload the Service Account JSON file in the Webex Connect Web APP setting Page.

    📘

    Note

    Please do not reveal the Snippet details and Service Account JSON file with the end users.