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

简介: 接上文。

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 及其理念却一直在推动着前端领域前进。
148 0
小程序的鼻祖在国内就这么消亡了!(一)
|
1月前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
226 3
|
1月前
|
小程序 API
微信小程序更新提醒uniapp
在小程序开发中,版本更新至关重要。本方案利用 `uni-app` 的 `uni.getUpdateManager()` API 在启动时检测版本更新,提示用户并提供立即更新选项,自动下载更新内容,并在更新完成后重启小程序以应用新版本。适用于微信小程序,确保用户始终使用最新版本。以下是实现步骤: ### 实现步骤 1. **创建更新方法**:在 `App.vue` 中创建 `updateApp` 方法用于检查小程序是否有新版本。 2. **测试**:添加编译模式并选择成功状态进行模拟测试。
49 0
微信小程序更新提醒uniapp
|
3月前
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件,兼容 H5、小程序和 APP,提供丰富的注释和简洁代码,适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
106 0
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
|
3月前
|
小程序 前端开发 JavaScript
【项目实战】SpringBoot+uniapp+uview2打造一个企业黑红名单吐槽小程序
【避坑宝】是一款企业黑红名单吐槽小程序,旨在帮助打工人群体辨别企业优劣。该平台采用SpringBoot+MybatisPlus+uniapp+uview2等技术栈构建,具备丰富的注释与简洁的代码结构,非常适合实战练习与学习。通过小程序搜索“避坑宝”即可体验。
103 0
【项目实战】SpringBoot+uniapp+uview2打造一个企业黑红名单吐槽小程序
|
3月前
|
存储 小程序 JavaScript
|
4月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
63 7
|
4月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
82 7

热门文章

最新文章

下一篇
无影云桌面