网站关闭后，推送通知如何在所有浏览器上起作用？

Question

我想在打开或关闭网站时在每个浏览器的通知中显示网站的最新新闻。

我可以知道如何执行该过程吗？我需要使用哪个推API？程序是什么？

Answer 1

为了将推送通知添加到您的站点，您需要了解即使关闭浏览器也使用哪种技术/ API在客户端和服务器之间进行通信。 Service Worker API允许这样做，您需要将Service Worker添加到您的站点中，以便推送通知起作用。

  

服务工作者实际上是充当位于Web应用程序，浏览器和网络（如果有）之间的代理服务器。它们的主要作用是创建有效的脱机体验，拦截网络请求并根据网络是否可用来采取适当的措施，以及更新服务器上的资产。他们还将允许访问推送通知和后台同步API。

来源：MDN - Service Worker API

注意：：为了使Service Worker能够正常工作，您的网站必须安全并且可以在https://上运行以进行本地开发，这不是必需条件。

一旦运行了Service Worker，就需要注册用户以接受推送通知。这允许服务器将消息发送到客户端。请查看Push Notifications: What are they and how do I send them?，以更好地了解此过程。

由于该主题已经提出，并且您需要了解很多动态部件，因此建议您通过教程和文章熟悉Service Worker和Push Notifications。这里有一些我认为有用的免费资源。

Service Workers - an Introduction
Offline Web applications
Service Workers: Push Notifications
Set Up a JavaScript Firebase Cloud Messaging Client App