【问题标题】:How to display push notifications from my website?如何显示来自我的网站的推送通知?
【发布时间】:2016-02-08 11:22:26
【问题描述】:

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

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

【问题讨论】:

    标签: push-notification google-cloud-messaging web-push chrome-gcm web-notifications


    【解决方案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

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2014-09-23
        相关资源
        最近更新 更多