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

【问题标题】：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）。

基本上你必须：

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

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

【讨论】：