如何在没有第三方工具的情况下在 PWA 中实现推送通知？

Question

我正在开发渐进式 Web 应用程序 (PWA)，并且有兴趣实现推送通知以增强用户参与度。然而，我热衷于在不依赖第三方服务或工具发送推送通知的情况下实现这一目标。

这就是我的目标：

• 即使应用程序未激活或位于前台，我也想向用户发送推送通知。
• 我更喜欢自己处理此功能，而不涉及任何第三方服务，例如 Firebase Cloud Messaging 或其他推送通知服务。
• 通知只能发送到 PWA，而不是主网站。
• 我愿意利用服务工作线程、推送 API 和通知 API，但我不确定如何设置后端部分来独立处理推送通知。
• 我遇到过 Web 定期后台同步 API，想知道这是否是按计划发送通知的可行解决方案。但是，我不确定其浏览器对我的用例的支持和可靠性。
• 我正在寻找一个简单的解决方案，没有复杂的服务器等，只需在我的网站上编写代码，就像一个会触发推送通知的作弊脚本。
• 我的客户非常具体，他们想要通知，所以我不关心用户权限，我可以使用或不使用哪个更简单。

任何人都可以提供有关如何在 PWA 中设置推送通知而不依赖第三方工具的指导或分享他们的经验吗？任何代码示例、教程或参考文献将不胜感激。

我已经做了一个简单的 PWA，效果很好，但我很难跟进整个推送通知部分，所以我正在寻找一个更简单的作弊。 任何会让手机发出蜂鸣声/振动等的东西，并且会给出我写的一两行信息。

我不想处理 VAPID、设置服务器等，同时我只想制作一个触发通知的脚本，但仅限于 PWA，包括当前未使用的应用程序。因为无论如何向网站上的人发送通知是没有意义的。

Answer 1

我正在做一个类似的项目。在 https://codelabs.developers.google.com/codelabs/push-notifications#0

上找到了一些不错的信息