PWA-Progressive Web App之我见

什么是PWA?

Progressive Web App是一个利用现代浏览器的能力来达到类似APP的用户体验的技术，由Google实现，让浏览器打开的网址像APP一样运行在手机上。让Web App和Native App之间的差距更小。其中官网上对PWA的介绍用了三个核心词汇：可靠、快速、参与。而官网教程将之总结了10个关键字：Progressive、响应、连接独立、连接独立、连接独立、新鲜、安全、可发现、重新接合、可安装、可链接。

总的来说，PWA是一个网页应用通过技术手段实现了原生应用才有的功能。

PWA特性：

• 渐进式：能确保每个用户都能打开网页
• **响应式：**PC，手机，平板，不管哪种格式，网页格式都能完美适配
• 离线应用：支持用户在没网的条件下也能秒开，这里就依赖 Service Worker 的帮助
• APP 化：能够像 APP 一样和用户进行交互
• 常更新：一旦 Web 网页有什么改动，都能立即在用户端体现出来
• 安全：安全第一，给自己的网站加上一把绿锁–HTTPS
• 可搜索：能够被引擎搜索到
• 推送：做到在不打开网页的前提下，推送新的消息。主要依赖GCM、service worker和http push。
• 可安装：能够将 Web 想 APP 一样添加到主屏与全屏运行（一定时间或第二次访问PWA会自动询问是否添加快捷方式到桌面），之后就跟原生无异，因为离线缓存的原因，打开速度也超快。
• 可跳转：只要通过一个连接就可以跳转到你的 Web 页面

从技术方面对PWA的见解：

优点

• 上面提到的PWA的所有特性。
• 给支持的设备提供更好的用户体验，不支持的设备体检也不会变差。

缺点

• 对技术要求的别高，要求开发者学习HTTPS、service worker；
• 浏览器支持率（safari目前不支持）

PWA对印度用户来说简直是神器，由于都是Google服务健全的Android设备，标配Chrome，PWA 一推，用户到达率简直直逼100%。印度网差，下载一个App痛苦，一个可以“流式下载”的PWA在用户初次访问上就可以完爆Native App。互联网环境还比较原始，大都直接亲Google，公司支持率也会非常高。