按需保存的URL缓存

Question

我正在学习Workbox，我想添加一些文章URL进行X天的缓存，我不知道该怎么做。

我可以使用precacheAndRoute处理我知道的URL。示例：

precacheAndRoute([
  {url: '/index.html', revision: '...'},
  {url: '/contact.html', revision: '...'},
])

现在，我想添加一些我不知道按需缓存路径的URL。这是因为我的项目是一个博客，每个帖子都有自己的路径。

我建议的方案是：用户输入文章，该文章被缓存30天，因此您以后可以离线查看。

Answer 1

您所追求的称为运行时缓存。它可以像您描述的那样工作：内容在用户浏览网站时被缓存。之后，内容可以脱机查看。

运行时缓存可以用不同的策略实现。他们可以例如。仅根据高速缓存，高速缓存或网络中的速度，第一次高速缓存和在后台更新等从高速缓存中接受数据。甚至可以手动配置多种策略以适应您的需求。

阅读：https://developers.google.com/web/tools/workbox/modules/workbox-strategies#what_are_workbox_strategies，https://developers.google.com/web/fundamentals/instant-and-offline/offline-cookbook，https://web.dev/runtime-caching-with-workbox/

建议：在实施任何内容之前[。这样一来，您可以在尝试任何东西之前先掌握概念。也可能是您发现了一开始从未想过的东西。