Web利用方兴未艾，咱们曾经非常习惯习惯了在电脑上进行以本人的工作，而随着泛滥功能强大的在线网站，咱们的Windows的桌面也不再拥挤着各种快捷方式；不光是PC端，在挪动端咱们也不再在浩如烟海的利用市场装置各种软件，轻量级的各种小程序取代了他们的地位，无需装置点开即用的形式为大家的工作生存带来了很大便当。

咱们很明确这种扭转对咱们生存工作带来的便当，然而偶然在网上冲浪咱们也会思念那个满桌面都是本地利用的时代，桌面双击即可运行，不必在开启的网页中搜查咱们须要的性能网页，哪怕断网了仍旧能够失常应用，应用速度上它们仿佛是比网页更快。

看到这里你可能想说，你说这么多，跟你讲的PWA有什么关系啊？

什么是 渐进式 Web 利用（ PWA ）？

                --- 渐进式 Web 利用（Progressive Web App简称PWA）介绍

PWA 指的是应用指定技术和规范模式来开发的 Web 利用，让Web利用具备原生利用的个性和体验。比方咱们感觉本地利用应用便捷，响应速度更放慢等。

通过PWA技术，有两个益处。一方面利用开发还是采纳Web开发的形式，咱们只须要简略的配置就能够应用，无需为各种操作系统制作安装包，利用的入口仍旧是网页，在浏览器中一键装置，没有繁琐的拜访利用商店下载过程。

另一方面利用装置后，用户能够通过桌面图标快速访问，利用所需资源在第一次装置后离线缓存在本地离线也可应用，能够实时应用零碎推送，利用主动降级无需重新安装。

例如在Chrome中反对PWA技术的站点，能够间接在地址栏中点击装置，或者浏览器选项中点击install装置。

PWA 现状

PWA 由 Google 于 2016 年提出，于 2017 年正式技术落地，并在 2018 年迎来重大突破，寰球顶级的浏览器厂商，Google、Microsoft、Apple 曾经全数发表反对 PWA 技术。PWA的关键技术是Service Worker，目前桌面和挪动设施上的所有支流浏览器都已反对。目前除了Safari，其余支流浏览器都已反对增加主屏幕、推送告诉音讯。

在这里咱们简略为大家介绍一下Service Worker。

Service Worker充当代理服务器的地位，位于 Web 应用程序、浏览器和网络（如果可用）之间。这个API旨在发明更好的离线体验，拦挡网络申请并依据网络是否可用采取适当的口头，并更新驻留在服务器上的内容，它还容许拜访推送告诉和并和后盾API同步。

PWA 的应用场景和将来在何处？

依据PWA的介绍，你可能会问，这玩意儿的价值在哪里呢？

目前的数据统计显示挪动端之下，PWA并没有太多市场，在咱们挪动端上3G、4G到当初5G一个百兆的APP能够被很快的下，除了坐飞机，咱们的手机根本不会有离线的时候。

而在PC端，咱们开始工作，只有你还在应用Office等办公软件，你就会意识到WPA带来的便捷不可估量。在寰球信息化的过程中，咱们的公司也在一直信息化的过程。各种罕用的工具软件会变成必备的一环，从而被集成到Web利用中。比方在线Excel，在线报表设计，在线word等。

这所有，都逐步和"在线""web前端"连在一起。

想要将这些利用顺利挪入Web利用中，却不是那么简略的事。这些工具性能简单，资源较重，同时对于一些须要实时反馈的工作流我的项目，也会经常出现遗记操作的状况。

仅拿在线Excel来说，协同编辑这一方面的难点包含不仅限于：多人抵触解决、版本数据更新、房间治理、富文本处理、复制黏贴解决等等。

下图应用PWA技术集成了类Excel表格编辑器，对于最终用户，齐全保留了Excel的操作体验，多任务工作时，应用alt（cmd）——tab疾速切换利用，零碎级别推送实时关注工作状态。而这所有都能够在咱们的Web利用中呈现，不再须要本地利用。

介绍了PWA的相干知识点，下篇内容中咱们就一起来通过实例看看PWA如何让一个站点变成APP吧。