您的浏览器不支持 Firebase 消息传递如何解决？答案

【问题标题】：Firebase messaging is not supported in your browser how to solve this?您的浏览器不支持 Firebase 消息传递如何解决？
【发布时间】：2019-05-20 06:20:48
【问题描述】：

我正在使用 firebase 消息传递进行响应的网络推送通知。但浏览器显示此消息

消息：此浏览器不支持使用 firebase SDK 所需的 API。（消息/不支持的浏览器）

这是代码：

const initializedFirebaseApp = firebase.initializeApp({
  apiKey: "XXXXXX",
  authDomain: "XXXXXXX",
  databaseURL: "XXXXXXXXX",
  projectId: "XXXXXX",
  storageBucket: "XXXX",
  messagingSenderId: "XXXXXX",
  appId: "XXXXXX"
});

if (firebase.messaging.isSupported()) {
    let messaging = initializedFirebaseApp.messaging();
}

firebase.messaging.isSupported() 总是返回 false。有什么办法可以继续吗？

react 版本：16.8.2 和 firebase 版本：6.0.2

【问题讨论】：

您正在开发什么浏览器/操作系统？
Chrome 版本 74 使用和 Windows 操作系统使用

标签： reactjs push-notification

【解决方案1】：

FCM 仅支持 localhost 和启用 https 的站点。如果您希望 FCM 支持您需要在 localhost 上工作或部署在某个地方（您可以使用 firebase）。

如果您正在使用使用 nginx 的代理，例如 local.somehost.com 云消息不支持。要解决这个问题，您需要将 local.somehost.com 设置为 HTTPS，您可以在 nginx 中安装 openssl 和证书和密钥。

我认为这可以解决您的问题。

【讨论】：

我使用 Firebase 托管，但在 android webview 中仍然出现同样的错误

【解决方案2】：

除了上述说明，您还可以通过以下方式检查浏览器是否支持消息传递：

const messaging = firebase.messaging.isSupported() ? firebase.messaging() : null

【讨论】：

这个解决方案对我有用。 Firefox 隐身模式不支持 firebase。