ReactJS - FCM not working in safari browser
I am trying to implement FCM push notification in my ReactJS application. It is working in chrome and firefox browser perfectly but facing in an issue in safari browser.
FirebaseError: Messaging: This browser doesn't support the API's required to use the firebase SDK. (messaging/unsupported-browser).
I also gone through the documentation of firebase also found that it only supports on only 3 browsers.
Chrome
Firefox
Safari
Is there any method to supports in safari browser as well.
Answers:
Safari 11.1 already supported serviceWorker, but it still didn't support PushAPI that is also needed by FCM Javascript API.
Taken from Firebase documentation (https://firebase.google.com/docs/cloud-messaging/js/client) :
The FCM JavaScript API lets you receive notification messages in web apps running in browsers that support the Push API.
Here is the supported browser list: https://caniuse.com/#feat=push-api that states that Safari still not supporting Push API
From the Firebase documentation:
The FCM JavaScript API lets you receive notification messages in web apps running in browsers that provide service worker support. This includes the following browsers:
Chrome: 50+
Firefox: 44+
Opera Mobile: 37+
It seems that Safari is not (yet) supported.
I was getting error in Safari because FCM is not supported.
Firebase Provides an inbuilt method to check weather FCM supported or not.
if(firebase.messaging.isSupported()) {
messaging = initializedFirebaseApp.messaging();
messaging.usePublicVapidKey(
"Key"
);
}