web消息推送notification的应用

本文深入探讨浏览器消息推送背后的原理和技术细节,包括Google Chrome的推送通知服务,以及国外推送服务提供商如何实现跨平台消息推送,同时对比国内解决方案如个推、极光推送,提供一套完整的技术解析和实现路径。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近使用国外的一些站点发现一个问题,例如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消息服务实现的.

测试结果如下

120709_1Vqi_202475.png

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值