过去几个小时我一直在阅读推送通知API和Web通知API。我还发现谷歌和苹果分别通过GCM和APNS提供免费的推送通知服务。

我正在尝试了解我们是否可以使用桌面通知实现浏览器推送通知,我相信这是Web通知API所做的。我看到了一个谷歌文档关于如何为Chrome在这里和这里。

现在我还不明白的是:

我们是否可以使用GCM/APNS向包括Firefox和Safari在内的所有Web浏览器发送推送通知? 如果不通过GCM,我们可以有自己的后端来做同样的事情吗?

我相信所有这些答案都可以帮助很多有类似困惑的人。


当前回答

GCM/APNS分别只适用于Chrome和Safari。

我想你可能在寻找通知:

https://developer.mozilla.org/en-US/docs/Web/API/notification

它适用于Chrome、Firefox、Opera和Safari。

其他回答

所以我在这里回答自己的问题。我的所有问题都得到了过去开发过推送通知服务的人的回答。

更新(2022年5月): 下面是谷歌网站发布的网页推送通知。 请参阅来自Mozilla的通知API的详细介绍。 关于网页推送和应用推送如何变化的文章。

6年前的问题:

我们可以使用GCM/APNS向所有Web浏览器发送推送通知吗 包括火狐和Safari?

答:谷歌已于2018年4月弃用GCM。您现在可以使用Firebase云消息传递(FCM)。它支持所有平台,包括web浏览器。

如果不通过GCM,我们可以有自己的后端来做同样的事情吗?

答:是的,推送通知可以从我们自己的后端发送。所有主流浏览器都支持相同的功能。

检查谷歌中的代码实验室以更好地理解实现。

一些教程:

在Django中实现推送通知 使用烧瓶发送推送通知这里和这里。 从Nodejs发送推送通知 使用php Here & Here发送推送通知 从Wordpress发送推送通知。这里和这里 从Drupal发送推送通知。在这里

在各种编程语言中实现自己的后端。

NodeJs。 PHP Rails Python 走,朗,这个和这个

进一步阅读:

Firefox网站的文档可以在这里阅读。 在这里可以找到谷歌对Web Push的一个很好的概述。 一个常见问题解答最常见的困惑和问题。

有什么免费的服务吗? 有一些公司在免费、免费增值和付费模式中提供类似的解决方案。我列出了以下几个:

https://onesignal.com/(免费|支持所有平台) https://firebase.google.com/products/cloud-messaging/(免费) https://clevertap.com/(有免费计划) https://goroost.com/

注意: 选择免费服务时,记得阅读服务条款。免费服务通常通过收集用户数据来实现各种目的,包括分析。

除此之外,你还需要HTTPS来发送推送通知。不过,你可以通过letsencrypt.org免费获取https

Javier介绍了通知和当前的限制。

我的建议是:窗户。当我们等待缺陷浏览器赶上时,Worker.postMessage()仍在使用Web Workers操作。

这些可以是对话框消息显示处理程序的回退选项,用于通知功能测试失败或权限被拒绝时。

通知has-feature和denied-permission检查:

if (!("Notification" in window) || (Notification.permission === "denied") ) {
    // use (window||Worker).postMessage() fallback ...
}

GCM/APNS分别只适用于Chrome和Safari。

我想你可能在寻找通知:

https://developer.mozilla.org/en-US/docs/Web/API/notification

它适用于Chrome、Firefox、Opera和Safari。

这是一个简单的方法做推送通知所有浏览器https://pushjs.org

Push.create("Hello world!", {
body: "How's it hangin'?",
icon: '/icon.png',
timeout: 4000,
onClick: function () {
    window.focus();
    this.close();
 }
});

我可以重新定义你的问题如下吗

我们可以有自己的后端发送推送通知Chrome, Firefox, Opera和Safari?

是的。到今天(2017/05),您可以使用相同的客户端和服务器端实现来处理Chrome, Firefox和Opera(没有Safari)。因为他们以同样的方式实现了web推送通知。这是W3C的Push API协议。但是Safari有自己的旧架构。我们需要单独维护Safari。

参考browser-push repo指南线实现web推送通知你的web应用程序与你自己的后端。它通过示例解释了如何在没有任何第三方服务的情况下为您的web应用程序添加web推送通知支持。