如何显示来自我的网站的推送通知？

Posted 2023-02-24

【中文标题】如何显示来自我的网站的推送通知？

【英文标题】：How to display push notifications from my website?

【发布时间】：2016-02-08 11:22:26

【问题描述】：

我正在开发一个简单的网站，我希望我的网站向我的用户显示推送通知。这类似于 facebook.com 在 chrome 和 firefox 中显示通知的方式。我还在开发一个也支持通过 GCM 推送通知的 android 应用程序。

所以我需要有关如何向我的网站添加推送通知支持的帮助。提前致谢！

【参考方案1】：

您可以使用 Service Worker 来显示来自网站的通知，如 Implementing GCM Client on Chrome 中所述。具体实现方法可以参考push messaging codelab 。

【讨论】：

那个 codelab 教程对我很有帮助。非常感谢！我想知道即使我们没有打开浏览器，推送消息是否也能正常工作？

今天准确，即使浏览器未运行，也会在 Chrome for Android 中接收和显示推送消息。在桌面上 Chrome 必须运行，但老实说，人们总是在某个地方有一个浏览器窗口 :)

【参考方案2】：

这对https://z-push.org/有帮助吗？

您从未提及您使用哪种技术开发您的网站！

【参考方案3】：

Firefox 和 Chrome 都支持 Push API。

目前 Firefox 遵循该标准，而 Chrome 使用混合解决方案（Push API + GCM）。

基本上你必须：

使用 javascript 和 Push API 收集端点（设备令牌）并注册服务工作者（稍后将执行的代码的 sn-p） 将端点存储到服务器 当发生某些事情时，您会从后端将通知发送到浏览器制造商的服务 浏览器制造商的服务将通知传递给浏览器（与浏览器有永久连接）

您可以阅读 Chrome 的 this tutorial 和 MDN 的 Push API reference。

如果您更喜欢第三方服务，我建议您使用我开发的服务：https://pushpad.xyz