使用web.dev提供的工具实现浏览器消息推送服务

前言

  对于电商独立站来说，新品上架或者促销活动上线及时通知到用户是很重要的，通知的渠道有很多，其中就包括浏览器消息推送。浏览器消息推送可以实现将自定义的浏览器通知消息（可含文字、图片、链接）推送给订阅了你网站浏览器消息的用户，这样用户打开电脑看到系统弹出的浏览器通知消息就可以点击跳转到你的活动介绍页，从而带来订单转化。

实现工具和效果

  这次我们使用的浏览器消息推送工具是web.dev网站的Push notifications，网站链接：官网文档（google服务需合理上网）。消息通知在PC端和手机端的效果如下图所示：

实现原理

  完整实现涉及到前端和后台的配合，前端负责接收和更新用户浏览器的订阅记录到后台，后台保存订阅记录并且实现针对订阅的浏览器客户端进行消息推送的逻辑。