Chrome and Firefox configuration

How to configure Chrome and Firefox web push notifications

Get the Firebase project credentials

1. Create a Firebase project.

2. Open your Firebase Console and choose the project you created.

2. Go to Your Project > Project settings.

3. In the Cloud Messaging tab, find Server Key (1) and Sender ID (2):

4. In the Cloud Messaging tab, scroll the page down to the Web configuration section and press Generate key pair.

Copy the generated key pair to the clipboard.

5. In the Service accounts tab, press Generate new private key:

In the window opened, press Generate key. The JSON file will be downloaded.

6. Enable API Permission on Google Cloud Platform:

  1. Select your project.

  2. Press Enable.

Configure Chrome and Firefox

Please note that Firefox pushes require https websites; Firefox pushes will not work with self-signed certificates (https/ssl). Use an SSL certificate signed by a trusted Authority.

Push notifications don't work in the "Private" mode.

7. To configure Chrome or Firefox platform, open the Pushwoosh project with the app you want to send pushes to and click Configure for Chrome or Firefox.

8. In the Web Configuration opened, upload the private key generated in your Firebase project settings.

The Server Key field is optional. If you are using a new project (Firebase Cloud Messaging API (V1) and later), you do not need to specify the server key.

9. Paste the Web Push certificate key pair.

10. Add the Web Push private key in the Web Push private key field and click Apply. This key is required to ensure that Web Push notifications continue to work.

You can obtain the key from Firebase by navigating to Project Settings > Cloud Messaging > Web Configuration > Show private key.

Make sure to integrate the Web Push SDK 3.0 into your Chrome or Firefox project.

Last updated