将按需 url 保存到缓存

Save on demand urls to cache

我正在学习 Workbox,我想添加一些文章 URL 以缓存 X 天,但我不知道该怎么做。

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

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

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

我建议的场景是: 用户输入文章,该文章缓存30天,以后可以离线查看。

您所追求的是运行时缓存。它按照您的描述工作:内容在用户浏览网站时被缓存。之后内容可供离线观看。

运行时缓存可以用不同的策略来实现。他们可以,例如。仅从缓存中接受数据,根据速度从缓存或网络中接受数据,首先在后台进行缓存和更新等。多种不同的策略甚至可以手动配置以满足您的需要。

阅读: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/

建议:在实施任何事情之前多阅读。这样你就可以在尝试任何事情之前掌握这些概念。也可能是你发现了一些你一开始没有想过的东西。