javascript - 使用 Web 通知 API 进行推送

标签 javascript php web-notifications

我刚刚开始研究 Web 通知 API。当我加载页面时,这个 JS 会立即显示一个通知:

if("Notification" in window) {
    if(Notification.permission == "granted") {
        var notification = new Notification("Notification Title", {"body":"Message Body", "icon":"my-icon.png"});
    } else {
        Notification.requestPermission(function (permission) {
            if (permission === "granted") {
                var notification = new Notification("Notification Title", {"body":"Message Body", "icon":"my-icon.png"});
            }
        });
    }
} else {
    alert("Your browser doesn't support notifications");
}

但我更感兴趣的是当其他人访问同一页面时向我显示通知。例如,每当有人(不是我)访问 customer.php 时,通知应该为我而不是他们显示。

这可以通过 Web 通知 API 来完成吗?如果可以,我该怎么做?

最佳答案

  1. 通知注册针对特定 Angular 色(想要接收通知的人)。 因此,您的Notification.permission代码将为应用程序的特定用户执行。
  2. 向网站添加代码以将消息推送到您的服务器,可能有多种方法,其中一种可能是在网站加载时调用 JavaScript 函数,并以异步方式将消息发送到服务器。
  3. 服务器端,您有一个 API 接收消息并将通知发布给注册用户(在上述第 1 点下)

关于javascript - 使用 Web 通知 API 进行推送,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43485119/

相关文章:

javascript - 将 Vueify 用于在 Vue.js 中仅运行时构建的组件

PHP MYSQL 查询组合并添加两个相等的结果

php - 错误 - 使用批处理文件运行 php 文件

javascript - 单击关闭 chrome 通知

javascript - 客户端或服务器正在删除变音符号

javascript - GeoJSON 要素坐标未显示在 OpenLayers map 上

javascript - 试图理解传递 'this' 与引用事件之间的区别

php - 如何在php中设置DateInterval?

service-worker - 定制推送服务

JavaScript 网络推送 : where can I get "auth" key?