PWA 基础：Manifest 与 Service Worker 生命周期

为什么需要 pwa

webapp 用户体验差（不能离线访问），用户粘性低（无法保存入口），pwa 就是为了解决这一系列问题（Progressive Web Apps）, 让 webapp 具有快速，可靠，安全等特点.

Web App Manifest

将网站添加到桌面、更类似 native 的体验

Service Worker

• 不能访问或者操作 dom
• 会自动休眠，不会随浏览器关闭所失效(必须手动卸载)
• 离线缓存内容开发者可控
• 必须在 https 或者 localhost 下使用
• 所有的 api 都基于 promise

生命周期

• 安装( installing )：这个状态发生在 Service Worker 注册之后，表示开始安装，触发 install 事件回调指定一些静态资源进行离线缓存。
• 安装后( installed )：Service Worker 已经完成了安装，并且等待其他的 Service Worker 线程被关闭。
• 激活( activating )：在这个状态下没有被其他的 Service Worker 控制的客户端，允许当前的 worker 完成安装，并且清除了其他的 worker 以及关联缓存的旧缓存资源，等待新的 Service Worker 线程被激活。
• 激活后( activated )：在这个状态会处理 activate 事件回调 (提供了更新缓存策略的机会)。并可以处理功能性的事件 fetch (请求)、sync (后台同步)、push (推送)。
• 废弃状态 ( redundant )：这个状态表示一个 Service Worker 的生命周期结束。