PWA是什么？

今天看到一个英文缩写PWA，

出于好奇查了查，看了介绍才想起曾经大神给我安利过这个神器，

当时他还极其小声的说到：“这个可不能被IOS和Android听到了，毕竟咱们抢的是他们饭碗啊！”说完，一脸得意。

不过干了这么久，一直没听到web这边关于这项技术的新动向，以至于早已感到陌生甚至忘记。

今天查了查，在这里补补关于PWA的笔记。

PWA是Progressive Web App的英文缩写， 翻译过来就是渐进式增强WEB应用。

PWA是Google 在2016年提出的概念，2017年落地的web技术。

目的就是在移动端利用提供的标准化框架，在网页应用中实现和原生应用相近的用户体验的渐进式网页应用。

由此可见，PWA将来取代的目标对象正是IOS和Android的原生App（Native app），web前端暗自窃喜。

在用户使用方面，PWA的优点：

1. 可靠——即时加载，即使在不确定的网络条件下也不会受到影响。

当用户从主屏幕启动时，service work可以立即加载渐进式Web应用程序，完全不受网络环境的影响。

service work就像一个客户端代理，它控制缓存以及如何响应资源请求逻辑，通过预缓存关键资源，可以消除对网络的依赖，确保为用户提供即时可靠的体验。

2. 快速
据统计，如果站点加载时间超过 3s，53% 的用户会放弃等待。

页面展现之后，用户期望有平滑的体验，过渡动画和快速响应，这些PWA均能满足。

3. 沉浸式体验—— 感觉就像设备上的原生应用程序，具有沉浸式的用户体验。
渐进式Web应用程序可以安装并在用户的主屏幕上，无需从应用程序商店下载安装。他们提供了一个沉浸式的全屏幕体验，甚至可以重新与用户接触的Web推送通知。

与原生App相比，PWA的优缺点是什么？

优势：

1. 无需安装，无需下载，只要你输入网址访问一次，然后将其添加到设备桌面就可以持续使用。
2. 发布不需要提交到app商店审核
3. 更新迭代版本不需要审核，不需要重新发布审核
4. 现有的web网页都能通过改进成为PWA， 能很快的转型，上线，实现业务、获取流量
5. 不需要开发Android和IOS两套不同的版本

劣势：

1. 游览器对技术支持还不够全面， 不是每一款游览器都能100%的支持所有PWA
2. 需要通过第三方库才能调用底层硬件（如摄像头）
3. PWA现在还没那么火，国内一些手机生产上在Android系统上做了手脚，似乎屏蔽了PWA, 但是相信当PWA火起来以后，这个问题就不会是问题。

核心原理不做分析了，毕竟我也对其中的技术目前的理解不够透彻，等PWA风靡开来，相信，这是作为一名web程序员必备的知识。

有网友指出，PWA在这小程序盛行的时代，会面临夭折的可能，我想每一种技术产生和发展一定有其自身存在的道理，小程序的局限性也很强，毕竟天下不可能永久都是微信的天下。

正如当前山雨欲来的5G，PWA的在我这个程序员看来未来必将大有作为。

就blabla到这，先认识一下PWA，应用方面来日方长！

感谢这位作者https://www.jianshu.com/p/098af61bbe04