XuLaLa.Tech

基于HTML5 /浏览器的应用程序与基于本机应用程序的技术差距之一是发送推送通知的能力。直到2年前，HTML5应用程序都无法发送浏览器通知。现在已经不再是这种情况。HTML5浏览器推送通知使您的HTML5 Web应用程序可以扩展到浏览器之外，并且使开发人员和营销人员可以与用户互动，即使他们不在网站上也是如此（就像本地应用程序一样）。

• 1 开源的方案(Free)

  https://www.webpushr.com/

  优势:
  • 浏览器支持比较全面
  • 功能比较全面: 数据跟踪、信息定制
  • 节约成本
  缺点：
  • 订阅用户人数限制
  • 推送消息不能自定义样式

• 2 服务端实现

  优势：
  • 所有的功能都可以自定义
  • 数据更加安全
  缺点：
  • 开发周期长
    • 要支持多种浏览器
    • 推送消息定制、推送
    • 消息跟踪转化

• 3 服务器实现使用Firebase+ (两种方法结合)

  • 参考文章：https://www.freecodecamp.org/news/how-to-add-push-notifications-to-a-web-app-with-firebase-528a702e13e1/