服务人员 - 最简单的实施

Question

我想用最简单的实现方式为我的网站实现服务工作者即时加载。

我的想法是 - 用户打开网页，获取缓存版本（应用程序外壳），服务器返回原始内容后，将重新呈现。 这甚至可能吗？ 我找不到任何例子。

Answer 1

当为请求调用fetch事件时，然后从缓存中使用app-shell进行响应。 然后等待直到您的服务器响应结果然后使用postMessage将数据发送到浏览器。 在您的网站的javascript中添加消息事件监听器并使用javascript html在app-shell中填充您收到的数据。 你的app-shell必须有一些可以在以后填充的空组件。

有关代码参考，请参阅此链接。 https://serviceworke.rs/strategy-cache-update-and-refresh.html