PWA是什么意思,见证PWA快应用历史

pwa是啥,是什么意思,就连苹果iOS11.3已经悄悄加入了对PWA系列新技术的基本支持 。除了苹果Safari是阵营新丁之外,各家浏览器厂商从2017年开始大力支持 PWA,主流浏览器基本上PWA已经支持得很好了,全世界很多大站点也已经跟上步伐,纷纷支持PWA 。
但如果说这项改变的意义,不亚于 6、7 年前我们讨论移动 App 拥有多大的潜力,如今,新的 App 发展已经铺好了道路 。
PWA是什么?
PWA,全称 Progressive Web App,不是特指某一项技术,而是应用了多项技术的 Web App 。其核心技术包括 App Manifest、Service Worker、Web Push、Credential Management API ,等等 。其核心目标就是提升 Web App 的性能,改善 Web App 的用户体验 。
百度百科解释:PWA(Progressive Web App)是全新的网页技术,让网站的离线体验变得更好,网络连接断断续续时体验也会更好,它会模拟一些原生功能,比如通知推送 。在移动端利用标准化框架,让网页应用呈现和原生应用相似的体验 。
PWA 所倡导的一些核心技术特性有:
可以在主屏幕上创建图标
可以离线运行
可以利用后台线程与服务端通讯
对搜索引擎友好
响应式界面,支持各种类型的终端和屏幕
方便分享,用户可以方便地把URL地址分享出去
简而言之,PWA 可以通过浏览器 Safari 将支持网页或者网页服务添加到桌面,生成一个图标,形成一个 Web App,它和从 App Store 安装原生 App 相同,点击图标即可开启,不会出现地址栏也不需要你再输入地址,它还能在离线状态下使用,原生 App 可以做到的离线使用、消息推送、后台自动更新等,Web App 通过 PWA 也可以具有类似的能力 。而且它还免去了 App 的安装过程,可以用理解为一种以浏览器为入口的“小程序” 。
再说一句大通俗话:你可以将支持的某个网页直接生成一个 App 放在 iOS 桌面上,并且以后都像打开 App 一样打开了,以后这种形式还会扩展到更多 。
PWA 的发展正是这两年开始的事,苹果虽然默不作声但是对 PWA 的发展一直保持着关注,从去年年底开始就不断有消息预测苹果 iOS更确切的说是苹果 Safari 会支持 PWA,不过我们没想到它这么快就来了 。
PWA 只能在浏览器或 Web 平台的安全和执行模型中运行,所以我们要通过 Safari 来找到:
打开 Safari,前去一个支持 PWA 的站点,点击下方分享图标,你会发现分享项上有一个“添加到主屏幕”,戳它,点击确定,主屏幕上就会出现一个长得跟原生 App 很像的 App 图标(有些已经推出独立 App 的会在角标上注明网页版) 。

PWA是什么意思,见证PWA快应用历史


以后你但凡需要到这个网页,只要点开这个 App 图标就完事了,不用通过 Safari,它的启动和原生 App 的速度一样快,而且最大的优点是可以在网络很不好的情况下流畅地开启和使用 。
是不是感觉,添加 Web App 很像添加 Web 收藏夹?
但既然它能够叫做 App,能做到事情自然还有很多 。
iOS 平台上 PWA 的可用能力有:
1、访问地理位置
2、使用传感器数据(磁力计、加速计、陀螺仪)
3、访问摄像头
4、音频输出
5、语音合成(仅限使用耳机的情况)
6、调用 Apple Pay
7、WebAssembly、WebRTC、WebGL 以及很多带标签的实验性功能
PWA 还是小容量 iPhone 用户的福音,随着谷歌地图、微软翻译等引擎网站和京东等电商网站都支持 PWA 之后,我们手机中有大量的应用可以转为 PWA 代替,不用再从 App Store 下载动辄几百 M 大小的应用,直接用几十 M 的 Web App 取代即可 。大量内容商们也可以从原生 App 的开发和维护中解脱出来,做一个 PWA 就搞定,还不用通过 App Store 磨人的上架审核 。这种形式同时也很适合商家、企业对内对外的一些移动服务管理 。

推荐阅读