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.

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

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

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

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

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

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

b. Click on the Continue to console.

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

6. To enable the legacy Cloud Messaging API, take the following steps:
   a. In the Firebase console, go to Project settings > Cloud Messaging and select Manage API in Google Cloud Console to open Google Cloud Console.
   b. Go to API Library use the back button.
   c. In the search bar, type "Cloud Messaging."
   d. In the search results, select Cloud Messaging.
   e. Click Enable to start using the Cloud Messaging API.
   f. If you go back to your Firebase console, the Cloud Messaging API should be enabled with a newly generated server key.

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

8. 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 Server key and messagingSenderId to create a web push Chrome, Firefox application.

   📘

   Note

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