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

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

现在我还不明白的是:

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

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


当前回答

我假设你说的是真正的推送通知,即使用户没有浏览你的网站(否则请检查WebSockets或传统方法,如长轮询)。

我们是否可以使用GCM/APNS向包括Firefox和Safari在内的所有Web浏览器发送推送通知?

GCM只适用于Chrome, apn只适用于Safari。每个浏览器制造商都提供自己的服务。

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

Push API需要两个后端!一个是由浏览器制造商提供的,负责向设备发送通知。另一个应该是你自己的(或者你可以使用像Pushpad这样的第三方服务),负责触发通知和联系浏览器制造商的服务(即GCM、apn、Mozilla推送服务器)。

披露:我是Pushpad的创始人

其他回答

这是一个简单的方法做推送通知所有浏览器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推送通知支持。

我建议使用pubnub。我尝试使用ServiceWorkers和推送通知从浏览器,然而,当我尝试它的webview不支持这一点。

https://www.pubnub.com/docs/web-javascript/pubnub-javascript-sdk

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

我想你可能在寻找通知:

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

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

您可以通过服务器端事件将数据从服务器推送到浏览器。这本质上是一个单向流,客户端可以从浏览器“订阅”到它。从这里,你可以创建新的通知对象,作为se流到浏览器:

var source = new EventSource('/events');

source.on('message', message => {
  var notification = new Notification(message.title, {
    body: message.body
  });
}); 

Eric Bidelman写的这篇文章有点老,但它解释了SSE的基础知识,并提供了一些服务器代码示例。