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

简介: 接上文。

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 及其理念却一直在推动着前端领域前进。
125 0
小程序的鼻祖在国内就这么消亡了!(一)
|
21天前
|
存储 编解码 小程序
抖音小程序开发中遇见的坑点
在抖音小程序开发中,需注意10大坑点:遵守小程序限制与规范;解决兼容性问题;优化数据加载速度;适应分享功能限制;处理视频播放挑战;优化图片加载显示;管理资源文件;提升用户体验;考虑安全性;及时更新维护。通过测试、优化和遵循官方文档,可克服这些问题,打造优质小程序。
|
1月前
|
小程序 前端开发 API
小程序全栈开发中的多端适配与响应式布局
【4月更文挑战第12天】本文探讨了小程序全栈开发中的多端适配与响应式布局。多端适配涉及平台和设备适应,确保统一用户体验;响应式布局利用媒体查询和弹性布局维持不同设备的布局一致性。实践中,开发者可借助跨平台框架实现多平台开发,运用响应式布局技术适应不同设备。同时,注意兼容性、性能优化和用户体验,以提升小程序质量和用户体验。通过这些方法,开发者能更好地掌握小程序全栈开发。
|
1月前
|
小程序 前端开发 API
微信小程序全栈开发中的异常处理与日志记录
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中的异常处理和日志记录,强调其对确保应用稳定性和用户体验的重要性。异常处理涵盖前端(网络、页面跳转、用户输入、逻辑异常)和后端(数据库、API、业务逻辑)方面;日志记录则关注关键操作和异常情况的追踪。实践中,前端可利用try-catch处理异常,后端借助日志框架记录异常,同时采用集中式日志管理工具提升分析效率。开发者应注意安全性、性能和团队协作,以优化异常处理与日志记录流程。
|
1月前
|
小程序 安全 数据安全/隐私保护
微信小程序全栈开发中的身份认证与授权机制
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中的身份认证与授权机制。身份认证包括手机号验证、微信登录和第三方登录,而授权机制涉及角色权限控制、ACL和OAuth 2.0。实践中,开发者可利用微信登录获取用户信息,集成第三方登录,以及实施角色和ACL进行权限控制。注意点包括安全性、用户体验和合规性,以保障小程序的安全运行和良好体验。通过这些方法,开发者能有效掌握小程序全栈开发技术。
|
1月前
|
小程序 前端开发 安全
小程序全栈开发中的跨域问题及其解决方案
【4月更文挑战第12天】本文探讨了小程序全栈开发中的跨域问题及其解决方案。跨域问题源于浏览器安全策略,主要体现在前后端分离、第三方服务集成和数据共享上。为解决此问题,开发者可采用CORS、JSONP、代理服务器、数据交换格式和域名策略等方法。实践中需注意安全性、兼容性和性能。通过掌握这些解决方案,开发者能更好地处理小程序的跨域问题,提升用户体验。
|
1月前
|
小程序 前端开发 JavaScript
微信小程序全栈开发中的PWA技术应用
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中PWA技术的应用,PWA结合Web的开放性和原生应用的性能,提供离线访问、后台运行、桌面图标和原生体验。开发者可利用Service Worker实现离线访问,Worker处理后台运行,Web App Manifest添加桌面图标,CSS和JavaScript提升原生体验。实践中需注意兼容性、性能优化和用户体验。PWA技术能提升小程序的性能和用户体验,助力开发者打造优质小程序。
|
3天前
|
小程序
开发小程序只要几百块?
开发小程序只要几百块?
16 0

热门文章

最新文章