我们如何实现Web推送通知?

时间:2015-07-04 05:27:49

标签: google-chrome firefox google-cloud-messaging web-push push-api

如何使用Google Google GCM服务在浏览器中实现推送通知。 实现相同的步骤是什么。

2 个答案:

答案 0 :(得分:6)

如果要在浏览器中添加推送通知,则必须执行的基本步骤如下:

  • 首先,您需要一个HTTP S 网页(GCM需要它来进行浏览器通知)。
  • 其次,您需要在网页中添加一些javascript代码,这些代码将执行以下操作:
    • 询问用户推送权限
    • 注册正在访问网页的浏览器
    • 激活将等待通知的ServiceWorker(当收到通知时,它将生成浏览器通知。)
  • 最后一想,你需要在Google Developer Console上设置一个项目。在那个地方,您将获得发送和接收推送通知所需的一些必需的参数(项目ID和API密钥)。

在这个tutorial中,我已经评论了所有步骤,但在一些例子中做了很好的解释。

您必须知道浏览器通知是一个不断增长的项目,有一些已知的麻烦。其中之一是您无法从通知中接收有效负载,因为在HTTPS中,消息被编入,并且GCM无法对其进行解码,并且浏览器接收的消息是空通知。有一些解决方案可以解决这个问题,但他们正在努力解决这个问题。

这是一个example,您可以看到它的工作原理(您也可以使用智能手机打开它并观看结果)。

我希望这可以帮到你!

答案 1 :(得分:2)

Eloibm,你是对的,通常需要有一个HTTPS页面。但WonderPush为所有网站管理了一个有趣的实施,包括仅限HTTP的网站。这里有一个快速演示: 在HTTP上试试: http://www.wonderpush.com

因此,可以在getting started guide

之后的几分钟内在您的网站上激活推送通知