Progressive Web Apps 是一种融合了 apps 和 web 最好方面的体验。她在用户通过浏览器初次访问页面的时候就开始其作用,而不需要像 app 那样去安装。
一个 PWA 是:
- 渐进式的:任何浏览器下都可以工作,因为渐进增强是 PWA 的核心原则。
- 响应式的:能适应桌面、移动端、平板等等设备。
- 网络连接独立:使用 service worker 加强离线工作和在低质量网络环境下工作的能力。
- 像 app:具有类似 app 的交互和导航样式,基于 app shell 模型构建的,用户用起来像 app。
- 新鲜:service worker 负责更新程序以保持其版本是最新的。
- 安全:通过 https 建立连接,更安全。
- 可发现性:搜索引擎可以检索 PWA。
- 重新参与:消息推送会帮助用户再次访问站点。
- 可安装的:可添加 PWA 到主屏幕,而不需要经过 app store。
- 可连接的:通过 URL 分享,不需要复杂的安装。
- 使用 app shell 方法设计并构建一个 app
- 如何使 app 可以在离线下工作
- 如何存储数据以便离线后使用
- chrome 52 或更高的版本
- Web Server for Chrome
- 示例代码
- 文本编辑器
- HTML、CSS、JavaScript 以及 Chrome 开发者工具的基础知识