PWA 发展与现状
PWA in China
看看 Google 官方宣传较多的 PWA 案例就会发现,FlipKart、Housing.com 来自印度;
Lyft、华盛顿邮报来自北美;唯一来自中国的 AliExpress 主要开展的则是海外业务。
由于中国的特殊性,PWA 的前景在一定程度上比较悲观:
- 国内较重视 iOS,而 iOS 目前还不支持 PWA。
- 国内的 Android 实为「安卓」,不自带 Chrome 是一,可能还会有其他兼容问题。
- 国内厂商可能并不会像三星那样对推动自家浏览器支持 PWA 那么感兴趣。
- 依赖 GCM 推送的通知不可用,Web Push Protocol 还没有国内的推送服务实现。
- 国内 webview 环境较为复杂(比如微信),黑科技比较多。
反观印度,由于 Google 服务健全、标配 Chrome 的 Android 手机市占率非常高,PWA 的用户达到率简直直逼 100%,也难免获得无数好评与支持了。
参考资料:下一代 Web 应用模型 —— Progressive Web App[25] | 小程序的老祖宗 PWA 为什么没有火起来?[26]
百度
在 2017 年 7 月 5 日“百度 AI 开发者大会”(Baidu Create2017)——Web 生态分论坛上,百度开发者介绍了百度 Lavas 解决方案,帮助开发者快速搭建 PWA 应用。
lavas 不是一个框架,而是一个基于 vue 的 PWA 解决方案,通过 lavas 导出的模板帮助开发者解决了接入 PWA 过程中遇到的问题:
- Service Worker 生成
- Service Worker 更新,以及 sw 更新后的操作
- App Skeleton,页面渲染完成之前的页面框架
- 页面切换前进后退过渡动画
- App Shell,集成了 vuetify 组件库
- 主题切换
- vue 的图标解决方案...
而现在 lavas 官网已经无法访问,这在很大程度上可以反应 PWA 在国内业务的一个现状。
微软
Microsoft 依然在维护着相关文档:Get started with Progressive Web Apps[27],时间显示,最近更新时 2022 年 3 月 1。
总结:App、小程序、快应用与 App Clips
高清大图可点击查看
推荐参考资料
- Learn PWA[29]
- 渐进式 Web 应用[30]
- 讲讲 PWA[31]
- 6 myths of Progressive Web Apps[32]
- PWA 文档[33]
- 网站渐进式增强体验(PWA)改造:Service Worker 应用详解[34]
- Web 离线应用解决方案——ServiceWorker[35]
- What self.skipWaiting() does to the service worker lifecycle[36]
- ServiceWorker 工作原理、生命周期和使用场景[37]
本文首发于个人博客[38],欢迎指正和 star[39]。