推送通知在 Firefox 中工作，但在 React 应用程序中不支持 Chrome

Posted 2023-02-24

【中文标题】推送通知在 Firefox 中工作，但在 React 应用程序中不支持 Chrome

【英文标题】：Push notifications working in Firefox but not Chrome in React app

【发布时间】：2020-07-23 18:12:34

【问题描述】：

我正在为我的 React 应用程序实现推送通知。它在 Firefox 中运行良好 - 即出现通知弹出窗口，但通知弹出窗口未出现在 Chrome 中。这是我处理接收通知的代码：

function receivePushNotification(event) 
  console.log("====> Service worker received notification"); // This logs out in Chrome and Firefox
  event.waitUntil(self.registration.showNotification("Sample title", ));

函数中的console.log 打印良好，所以我知道通知已进入浏览器。我不确定为什么 event.waitUntil(self.registration.showNotification("Sample title", )); 没有在 Chrome 中显示通知。

在查看了类似的 SO 帖子后，我尝试了以下方法：

部署了我的服务器，它实际上在 https 域后面发送通知 确保公钥正确 确保 Chrome 允许通知：

我不确定我还能做什么或检查什么。有人对我还能做什么或检查什么有任何想法吗？任何帮助将不胜感激！

【参考方案1】：

好吧，看来除了在浏览器中启用通知外，我还必须在我的计算机 (mac) 上启用通知：

System Preferences > Google Chrome > ALLOW NOTIFICATIONS FROM GOGOLE CHROME: