小程序的鼻祖在国内就这么消亡了!(四)

简介: 接上文。

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。


dc5fc2068a796ef0ad7d95ded1dbaa7b.png


总结:App、小程序、快应用与 App Clips


077fcef938bf7cd47126ad72bd2c352d.png


高清大图可点击查看


推荐参考资料


  • 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]

相关文章
|
Web App开发 缓存 前端开发
|
Web App开发 编解码 前端开发
小程序的鼻祖在国内就这么消亡了!(一)
互联网发展了这么久,我们记住了“Native App”、“小程序”、“快应用”、“App clips”、“Hybrid App”、“Web App”,似乎独独没有 PWA,但 PWA 及其理念却一直在推动着前端领域前进。
136 0
小程序的鼻祖在国内就这么消亡了!(一)
|
6天前
|
存储 小程序 JavaScript
|
6天前
|
小程序 前端开发 安全
|
1月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
30 7
|
1月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
46 7
|
1月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的美食推荐小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的美食推荐小程序的详细设计和实现(源码+lw+部署文档+讲解等)
|
1月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的蛋糕订购小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的蛋糕订购小程序的详细设计和实现(源码+lw+部署文档+讲解等)
|
1月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的仓库点单小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的仓库点单小程序的详细设计和实现(源码+lw+部署文档+讲解等)

热门文章

最新文章