PWA 渐进式增强 Web

首先，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 应该具有一下特性：

• 渐进式：能确保每个用户都能打开网页

• 响应式：PC，手机，平板，不管哪种格式，网页格式都能完美适配

• 离线应用：支持用户在没网的条件下也能打开网页，这里就需要 Service Worker 的帮助

• APP 化：能够像 APP 一样和用户进行交互

• 常更新：一旦 Web 网页有什么改动，都能立即在用户端体现出来

• 安全：安全第一，给自己的网站加上一把绿锁--HTTPS

• 可搜索：能够被引擎搜索到

• 推送：做到在不打开网页的前提下，推送新的消息

• 可安装：能够将 Web 想 APP 一样添加到桌面

• 可跳转：只要通过一个连接就可以跳转到你的 Web 页面

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

入门指南

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

• PWA guider

• 响应式开发

• Service Worker

• Web 推送技术

• PWA 实践指导

看完不赞的，我们来过两招：

招聘硬广

春天来了，大家有没有想出去看看的欲望呢？
现在，腾讯招聘季一如既往的来了。不管你是技术大牛也好，产品乔布斯更好，当然还有很多很多厉害的运营、运维。想要来腾讯试一试的，可以联系我。
本人现在在 腾讯 Now 直播项目组的 ivweb 团队。团队文化氛围好，颜值高，没有其他不良嗜好，欢迎甩简历给我，谢谢老板们！

邮箱地址：[email protected]