PWA 关闭时发送通知

Question

我使用 Angular 制作了一个 PWA 待办事项列表应用程序（链接到应用程序）。 我现在计划添加通知，以便在应用程序关闭时可以到达用户。 由于它是一个离线工作的 PWA，我不能依赖推送通知。 提前致谢

Answer 1

您可以使用Web周期性后台同步API您可以也可以离线运行此功能，即使应用程序已关闭，它也不需要后端服务器进行推送，因为它由服务工作人员定期（我猜至少 24 小时）

在您的项目文件中触发，注册同步事件：

registration.periodicSync.register(constants.periodicBgSyncEventName, {
    minInterval: syncMinInterval,
    networkState: "any",
});

在您的 Service Worker 文件中监听同步并显示 Web 通知：

self.addEventListener("periodicsync", (event) => {
  if (event.tag === constants.periodicBgSyncEventName) {
    self.registration.showNotification("Wake Time !!!", {
      body: `Hi, Good Morning`,
    });
  }
});

注意 - 为了使用此定期同步 API，您需要先安装 PWA。