Firebase push notifications for Chrome and Firefox

Integrate a website with the platform, to enable the SDK, push notifications and message inbox

To send push notifications to Chrome and Firefox you need to have a Firebase Cloud Messaging Server key and Sender ID.

📘

HTTPS required

Chrome notifications currently require HTTPS websites. This may change if Chrome implements encryption of the push payload.

Chrome notifications will not work with self-signed certificates. You must have an SSL certificate signed by a trusted Authority.

If your site is HTTP it is still possible to send web push notifications to your users on Chrome mobile and desktop with Xtremepush. The notifications must be sent from an HTTPS property, which can be auto-created in the Xtremepush platform.

Follow these steps to generate these and enable push notifications:

Get configuration values

  1. Go to the Google Firebase console at (https://console.firebase.google.com/)
  2. Create a new project if you currently have none.
  3. Click the Settings icon and select Project Settings.
  1. Go to Settings > Cloud Messaging where you will find the Server key and Sender ID.

Configure Xtremepush

  1. In Xtremepush, go to Settings > Channel Settings > Push Settings and select the matching Website.
  2. Copy the Sender ID and Server key into the appropriate fields.
  3. Choose the appropriate option for Use Self Hosted Domain:
    • Yes – Your website domain supports HTTPS and you can host the Manifest and Service-Worker files on your HTTPS site as detailed below.
      • Choose under Use Subscribe Window if a popup is used to prompt the end-user to accept notifications. Select HTTP only to only use this on your site's HTTP pages. Read more in the Guide to Chrome HTTP sites.
    • No – Your website does not support HTTPS or you are unable to host the Manifest and Service-Worker files.
      • Add a name for Xtemepush Hosted Domain which will be used to host these files on an HTTPS site.
  4. Click Save.

❗️

Any subscribed users are opted-in against your Sender ID on Firebase. If you change the Sender ID of an existing integration you will lose your current subscribers.

Do not change settings between self-hosted and not self-hosted for an existing integration. Doing so will cause your existing subscribers to become unreachable.

Add to website

If you've chosen the default Yes option for Use Self Hosted Domain, you must host specific files on your website and configure Xtremepush with these file locations. If required, these are shown immediately below the Firebase Push Notifications section. The files listed may differ depending upon your configuration options:

  • service-worker.js
  • manifest.json
  • subscribe.html
  • frame.html

For each file, copy and paste the required code snippets to your website. Then add the path to the file on your website in the adjacent URL field and click Save.

Updated 9 months ago



Firebase push notifications for Chrome and Firefox


Integrate a website with the platform, to enable the SDK, push notifications and message inbox

Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.