Workbox 预缓存：基于用户类型答案

【问题标题】：Workbox precache : Based on user typeWorkbox 预缓存：基于用户类型
【发布时间】：2021-02-10 08:13:35
【问题描述】：

我不想为所有用户预缓存，而只为成员预缓存。我想这样做是为了避免服务器上不必要的负载以及对一次性访问者进行不必要的缓存。

所以当访问者登录时，我会向服务人员发送一条消息。在服务工作者的以下 sn-p 中，控制台中记录了“收到的消息”。但是图像没有被缓存。并且没有错误信息。

如果我直接将precacheAndRoute(images) 放在const images = [....]; 下方，则图像将被正确缓存。

我是服务人员的新手。非常感谢任何帮助。

const images = [....];
addEventListener('message', (event) => {
  if (event.data.type === 'cacheImages') {
    console.log('Message Received');
    precacheAndRoute(images);
  }
});

【问题讨论】：

标签： javascript service-worker workbox sw-precache

【解决方案1】：

precaching works in Workbox 的方式是在 service worker 为 installed 时缓存文件。

你在SW中的一个事件中调用precacheAndRoute，SW已经安装，那么它不会执行precacheAndRoute。

您可能还想查看image cache recipe。

【讨论】：