如何为您的网站制作自己的推送通知服务

Posted

技术标签:

【中文标题】如何为您的网站制作自己的推送通知服务【英文标题】:How to make your own push notification service for your website 【发布时间】:2018-07-22 08:24:20 【问题描述】:

我在一个网站上工作,我想在其中制作通知功能,当用户访问我的网站时,他们会被要求获得通知权限,当他们允许时,他们会从我的网站以及任何产品中收到通知我希望他们得到通知。

例如,当我访问某些网站时,他们会要求我提供通知权限,当我允许时,我会通过通知收到通知。这就是我现在想要的。

我怎样才能实现这个功能,我已经关注this 教程,但仍然对如何检测到允许通知的用户以及如何通知所有用户感到困惑?

【问题讨论】:

【参考方案1】:

node.js 的 Web 推送库只是一个发送者。

您应该使用 Notification API 和 Service Worker API 从浏览器获取订阅 JSON 对象,然后将其发送到您的服务器,然后将其放入您选择的数据库中。

当您需要广播通知时,您可以检索订阅并使用 web-push 库(对于 php 也可用:)

请注意,正确的流程如下所示: 1) 从浏览器中检索订阅 2)发送并将其存储在您的网络服务器上 3)创建通知原型(只是对象) 4) 向用户广播您创建的通知原型 ID 5) Service Worker 接收一个并通过 ID 从您的服务器获取通知原型 6) 在 service worker 中使用浏览器 API 显示通知

更多信息请看这里的链接

https://developers.google.com/web/fundamentals/codelabs/push-notifications/ https://developers.google.com/web/ilt/pwa/introduction-to-push-notifications/

【讨论】:

以上是关于如何为您的网站制作自己的推送通知服务的主要内容,如果未能解决你的问题,请参考以下文章

如何为 Google Cloud Messaging 实现服务器以发送推送通知 android studio

2020年十个最好的push通知服务

如何为网站安装百度自动推送JS代码?

当网站关闭时,推送通知如何在每个浏览器上工作?

如何为自己的网站添加HTTPS服务

IBM Mobile first 7.1 - 请建议如何为推送通知执行负载测试