8、PWA 资源缓存与管理全解析

PWA 资源缓存与管理全解析

1. 查看 Web 应用当前状态

要查看 Web 应用的当前状态，可打开 Google Chrome 或支持服务工作线程（Service Workers）的浏览器，然后导航至 http://localhost:3000 。稍作等待后，服务器应会渲染应用，效果如图 3.1 所示。

为了在开发过程中更便捷地操作，当对基于 Node 的服务器应用进行大量更改时，不必每次都手动停止并重启服务器。可以使用 nodemon 工具，它能在对服务器的 Web 应用进行更改时自动重启 Node 服务器进程。使用步骤如下：
1. 按照 nodemon 模块主页上的安装说明进行安装。
2. 使用以下命令启动服务器：

nodemon node bin/www

而不是之前提到的 npm start 命令。

2. 缓存应用资源

在渐进式 Web 应用（PWA）中启用应用资源缓存的一种方法是在应用启动时预加载所有所需资源。以 PWA 新闻应用为例，就是缓存应用的用户界面（UI）和其他必要部分，待 UI 加载完成后，让应用代码向服务器请求最新数据。

可以使用如下简单数组来指定要缓存的资源：

var urlList = [
  '/',
  '/app.webmanifest',
  '/index.