service-worker - 如何使用 Workbox 实现 'Cache then network' 策略

Question

我正在尝试实现 'cache then network'使用 Workbox 的策略。

我已将 Workbox 设置为使用 staleWhileRevalidate runtimeCaching 处理程序，但我不确定如何最好地更新页面一次/如果我们从网络更新了缓存。

文档说:

In addition to updating the appropriate caches, it will also trigger any appropriate plugins defined in the underlying RequestWrapper.

那会有什么用吗？是否有任何使用 Workbox 完成此策略的示例(顺便说一下，这是一个很棒的工具，所以感谢它的维护者)？

Answer 1

有一个使用 BroadcastCacheUpdate 的例子https://workbox-samples.glitch.me/examples/workbox-broadcast-cache-update/ 以“独立”方式提供功能

与 staleWhileValidate 一起使用通过 WorkboxSW 的路由，您可以执行以下操作:

workboxSW.router.registerRoute(
  new RegExp('/some/path/prefix'),
  workboxSW.strategies.staleWhileRevalidate({
    cacheName: 'my-cache',
    broadcastUpdate: {
      channelName: 'my-update-channel'
    },
  })
);

你可以在 the docs 中看到一个完整的例子。 .