学习 PWA
不像传统的应用程序,PWA 是传统 web 页面(网站)和移动应用之间的混合体。这个新的应用程序试图将现代浏览器的特点和移动体验的优势结合起来。
在 2015 年,设计师 Frances Berriman 和 Google Chrome 工程师 Alex Russell 提出了 “Progressive Web Apps”,用来描述通过现代浏览器来支持新功能的应用,包含 Service Workers 和 Web App 清单。它让用户将 web app 升级为本地系统最好的应用程序。
根据 Google 开发者提供的信息,它有以下优点:
- 渐进式 - 适用于每个用户,不管浏览器如何选择,因为它是以渐进增强为核心开发的。
- 响应式 - 兼容多种设备:桌面、移动端、平板或者未来的某些形态。
- 网络低依赖 - Service workers 可以在离线或者低质量网络下工作。
- 类似应用 - 像一个有 app 风格的交互和导航的应用程序。
- 持续更新 - 随时一直都是最新的,多亏了 service worker 持续工作。
- 安全 - 通过 HTTPS 协议提供服务,防止窥探和确保内容不被篡改。
- 可被发现 - 由于 W3C 清单[6] 和 service worker 允许搜索引擎找到他们,从而将其识别为“应用”。
- 粘性 - 借助推送通知功能可以维持用户粘度。
- 可安装 - 用户可以添加常用的 app 到桌面,免去去应用商店下载的麻烦。
- 可链接 - 通过链接即可分享内容,无需下载安装。
— 维基百科
- PWA 入门教程 [文章]
- PWA [文章]
- 开始使用 PWA [视频][收费]
- 创建一个 PWA [视频][收费]
- 介绍 Google 推出的 PWA [视频]
- 原生 APP 注定要被取代 [文章]
- 为什么原生 APP 注定要被取代:原生 APP 注定要被取代 2 [文章]
- 你的第一个 PWA 应用 [文章]
- PWA 和离线 [视频][收费]