javascript - 同步事件将结果传递给应用程序或监听数据库事件

Question

我的应用程序中有以下流程:

1. 在页面上设置一些数据并提交[app]
2. 将数据保存在indexeddb中并触发同步事件[app]
3. 从indexeddb检索数据并将其发送到服务器[service-worker]
4. 将响应保存在indexeddb [service-worker]中
5. 从 indexeddb 检索响应并发布以查看 [app]

流程对我来说很有效，但我对解决第 5 点的方式并不满意。此时，在服务工作人员被解雇后，在应用程序代码的下一行中，我正在触发 setInterval 定期检查 responses 表中是否有新行的方法。

有什么方法可以将事件从 service-worker 同步发送到应用程序，让它知道数据正在等待它吗？

或者indexeddb上可能有一个事件，我可以订阅该事件来监听更改？

Answer 1

您应该能够在 ServiceWorker 和您的应用程序之间设置消息 channel 。从较高级别来看，从应用程序到 ServiceWorker 的通信将发生在 channel 的一个端口上，而从 ServiceWorker 返回到应用程序的通信将发生在 channel 的另一端口上。您的 ServiceWorker 应该能够通知您的应用响应已成功保存，而不是轮询更新的数据。

偶然发现这篇博文，它应该能够帮助您朝着正确的方向开始:https://ponyfoo.com/articles/serviceworker-messagechannel-postmessage