not receiving push notification

Please verify below steps to configure Firebase push notification,

In Firebase console, after creating webapp, it will show config fields like in example,

const firebaseConfig = {
  apiKey: “AXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX”,
  authDomain: “pXXX.XXX.firebaseapp.com”,
  projectId: “pXXX-XXXo”,
  storageBucket: “pXXXXX.XXX.firebasestorage.app”,
  messagingSenderId: “1XXXXXXXXXXXX5”,
  appId: “1:1XXXXXXXXXXXX5:web:aXXXXXXXXXXXXXXca”,
  measurementId: “G-6XXXXXXXXXXY”
};

In plugin admin settings, under Firebase configuration (first tab)

1. fill apiKey in first field named “Firebase API key”
2. fill authDomain in second field
3. Database url, third field is not needed it is optional
4. fill projectId in fourth field
5. fill storage bucket id in fifth field
6. fill sender id in sixth field
7. fill app id in 7th field

After saving changes,

If custom prompt is off (first field under options tab) then please go to token tab in admin settings, it will show browser default prompt to subscribe push notification, once notification is allowed then refresh the page, it will show the Firebase subscription token received after you subscribed successfully or

If custom prompt is ON (first field under options tab) then go to front end , it will show custom prompt to subscribe the push notification , once you allow the push notification for your website, go to token tab in admin settings to verify whether you received Firebase subscription token.

Please make sure Firebase api httpv1 option is ON and upload service account json file

((In the Firebase console, open Settings > Service Accounts.Click Generate New Private Key, then confirm by clicking Generate Key.Download the JSON file from Firebase console and upload it in field named “Select service account json file” in Plugin admin settings – Firebase configuration)

If token is received and your site already allowed the push notifications for your website, then notification will be displayed. Please also check console messages (in browser inspect /more tools- developer tools – console in chrome browser) to see whether you are receiving any Firebase related error messages.

I have also attached below screenshot showing service worker tab in browser, please check in your site whether service worker is active and running like shown in below screenshot. At a time only one service worker can be active, if you use any other plugin with service worker then it will create conflict.

I have also tested and below screenshot showing push notifications are working browsers Chrome, Firefox, Safari

Please verify console messages to see whether it shows Firebase related error messages and also verify service worker is active as shown below. Please make sure browser settings to allow push notifications for websites. Even though you allowed push notifications from browser prompt, chrome browser have primary settings for default behaviour (chrome://settings/content/notifications) to block all notifications from all websites , please make sure it is not ON, normally it will not be ON unless user switches on to block all notifications from all sites/apps.

• This reply was modified 8 months, 2 weeks ago by Murali.