【PWA】简介

首先，PWA 是啥？ PWA 全称是: Progressive Web Apps。这是 2016 年，Google I/O 大会上提出一个 Next Web Generation 的概念。这并不是描述一个技术，而是一些技术的合集。PWA 是专门应对手机 Web 开发而提出的，通过新技术的成熟，实现最好的 Web + 手机 APP。也就是说，能让你在使用 Web 的时候感觉像是在使用 APP。

如果是初创公司想推出一款新的产品，首选型是 Native APP，那么，可以预计该公司在吸引流量的时候，一定会感觉到 这真 TM 难。不过，我这也并不是说，你选型使用 Web 就一定容易。本质上还是需要该产品打磨的足够好才行。不过，我们话说回来，在初期，Native APP 和 Web APP，在传播上的难度还真不是一回事。

首先，Native APP 需要经过反复审核，满足不同平台的各种奇怪机制以后，才能正式上线。然后到用户端，小白用户通过公司的宣传了解到该 APP 之后，他需要经过去各个 APP Store 搜索，找到之后再下载，下载之后再安装，安装之后再授权，下了差不过几十兆(MB)的 APP 之后，才正式的能使用。

那 Web APP 就简单吗？恩，相比上面那些繁琐的步骤来说确实简单，我们先不说 Web 不需要审核（在中国，有一种痛，叫做备案），最能体现它优势的地方就在于，只需要一个网址即可（任何平台都会自带浏览器）。那有人可能会问，但，Web 并不能在桌面端创建啥 icon 来直接跳到网址上去啊？不过，这只是针对以前的 Web，PWA 实际上就是帮助我们完成上面提到的事，并且它做的更多。

话不多说，先给大家放一个，将 Web 添加到桌面的 gif 感受一下，并且添加之后，重新打开，会发现 Web 展示的效果变为全屏展示了！

PWA 原则

当然，并不是所有的 Web 都叫做 PWA。根据 google 定义，PWA 应该具有一下特性：

可以看出 Web 小弟想要成为 PWA 黑帮老大还是有一定难度。那 PWA 到底又需要哪些技术呢？直接上一张图吧：

入门指南

相关学习，可以参考 JimmyVV/PWA-cookbook。或者可以直接参阅我的 blog：