使用 Web 通知 API 推送答案

【问题标题】：Push with Web Notifications API使用 Web 通知 API 推送
【发布时间】：2017-04-19 02:11:13
【问题描述】：

我刚刚开始研究 Web Notifications 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 Notification API 完成吗？如果可以，我将如何处理？

【问题讨论】：

你需要一个网络服务器吗？
您需要一些服务器代码。此外，即使您当时不在线，您也需要使用 Push API（或 Pushpad 之类的服务）来传递通知。首先以某种方式对您的用户进行身份验证（身份验证或 cookie），然后为他们订阅推送通知（请求许可），然后当有人访问该页面时，从您的服务器触发通知。

标签： javascript php web-notifications

【解决方案1】：

通知注册是针对特定角色（希望接收通知的人）。因此，您的 Notification.permission 代码将针对应用程序的特定用户执行。
向网站添加代码以将消息推送到您的服务器，可能有多种方式之一，在站点加载时调用 JavaScript 函数并以异步方式将消息发布到服务器。
服务器端，你有一个 api 接收消息发布通知给注册用户（根据上述第 1 点）

【讨论】：