我制作了一个 PWA 待办事项列表应用程序(链接到应用程序)使用角度。
我现在计划添加通知,以便在应用程序关闭时可以到达用户。
由于它是一个离线工作的 PWA,我不能依赖推送通知。
提前致谢
你可以利用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。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)