web消息推送notification的应用

最近使用国外的一些站点发现一个问题,例如FB,我打开浏览器明明没有打开FB怎么win下面会弹出FB的消息提醒?这个到底是怎么做到的呢~?

在浏览国内的一些站点貌似都没有这么做的,但是深入研究才知道原来是因为Google被墙导致的...

本身html5新增了一个notification的js功能模块,但是这个模块有一个前提是需要打开我们的站点,然后执行js只是弹窗通知的方式改变了一些通过win弹,脱离了浏览器的控制,使得消息提醒变得更显眼、友好. 上面的了解并没有解决刚才的问题,如果不打开站点也能让浏览器收到我服务端的消息推送?

之前做到移动端的消息推送,了解移动端的消息推送之后再回过头看浏览器的消息推送就不觉得奇怪了,原理差不多。

https://developers.google.com/web/updates/2015/03/push-notifications-on-the-open-web

这里描述了chrome是如果做消息推送服务的,原来是基于google的GCM服务,这也不难理解国内不能使用的原因了~

后来查阅了一些国外的资料找到了一个东西貌似还不错

https://documentation.onesignal.com/docs

这个提供推送服务的包括了推送web浏览器设备的服务,使用起来也真心的方便,这个也国内的个推、极光推送等类似

通过配置客户端 + 结合Rest API 就可以实现服务端的推送服务了,但是貌似对http的支持不是很好~

主要还是要去google开发者平台申请一个秘钥,估计主体还是使用了GCM消息服务实现的.

测试结果如下

web消息推送notification的应用

看了结果是不是很帅...

转载于:https://my.oschina.net/leicc/blog/627765