终端用户如何关注页面更新并接收通知？是否有对应功能或plugin？

我们有如下需求：终端用户可点击「watch」按钮或同类功能按钮，在页面内容更新时接收对应的更新通知。请问是否有支持该需求的功能或plugin？

原生实现（无依赖） #

你可以直接通过浏览器原生API组合实现全流程，不需要引入额外插件：

• 用Notification API完成浏览器通知权限申请、通知内容渲染，核心授权代码如下：

// 触发通知权限申请
Notification.requestPermission().then(permission => {
  if (permission === "granted") {
    // 存储用户订阅状态、对接后端订阅接口
  }
})

• 搭配Service Worker实现后台推送，后端在内容更新时，按存储的订阅端点向用户推送更新通知即可。

开箱即用插件方案 #

如果不想从零开发，可以直接用现成的封装插件：

• 通用前端插件：现有不少轻量封装的订阅通知组件，已经内置了watch按钮交互、订阅状态管理、通知触发逻辑，只需对接自身站点的内容更新回调即可启用
• 建站系统专属插件：如果是基于WordPress、Discourse等通用建站系统搭建的站点，直接在后台插件市场搜索内容更新订阅类插件，安装后简单配置即可直接启用watch按钮和对应通知功能，无需二次开发。

注意事项 #

• 浏览器通知功能要求站点必须部署在HTTPS环境下，本地开发用localhost可正常调试
• 需要给用户提供明确的退订入口，符合数据合规要求

内容的提问来源于stack exchange，提问作者blanesmith