渐进式 Web 应用(PWA)

PWA(Progressive Web Apps,渐进式 Web 应用)运用现代的 Web API 以及传统的渐进式增强策略来创建跨平台 Web 应用程序。这些应用无处不在、功能丰富,使其具有与原生应用相同的用户体验优势。这组文档和指南告诉您有关 PWA 的所有信息。

PWA 的优势

PWA 是可被发现、易安装、可链接、独立于网络、渐进式、可重用、响应性和安全的。关于这些含义的细节,请参阅 PWA 的优势 (en-US)。关于如何实施 PWA,请参阅下面列出的指南。

核心 PWA 指南

以下指南通过简单的示例和工作原理,展示了实施 PWA 需要做什么。

  1. PWA 介绍
  2. PWA 结构
  3. 通过 Service workers 让 PWA 离线工作
  4. 让 PWA 易于安装
  5. 通过通知推送让 PWA 可重用
  6. 渐进式加载

技术指南

工具

  • localForage — 小而妙的 JavaScript 库,它能使客户端数据储存很简单;默认使用 IndexDB,也能在需要时回滚到 Web SQL/Web 存储。
  • ServiceWorkerWare — 类似 Express 的简易 Service Worker 开发微框架。
  • oghliner — 不只是模板,还是部署离线 Web 应用到 GitHub Pages 的工具。
  • sw-precache — 一个用于生成预缓存特定资源的 Service Worker 代码的模块。
  • workbox — sw-precache 的精神后继者,支持更高级的缓存策略和简易的预缓存功能。
  • upup — 保证站点对用户永远在线的一段小脚本。
  • The service worker cookbook — 一系列关于 Service Worker 和推送的优秀章法,着眼于离线应用,而超乎离线应用。

相关链接