PWA介绍

https://codelabs.developers.google.com/codelabs/your-first-pwapp/#0

　　PWA是一些技术的集合。用于消除web与其余客户端之间的差距，最大程序利用现代浏览器的技术，提供一个更像移动应用的网页体验，改善了性能，支持离线，以及能实现一些只有移动应用能够的功能。

PWA特性

• 渐进式加强：是“优雅降级、渐进加强” 的，给支持的设备更好的体验，不支持的设备也不会更差。
• 响应式的用户界面：能够在其余任意设备上运行
• 离线：经过service worker能够在离线或者网速较差的环境下工做
• 类原生应用：拥有原生应用般的体验，由于它是创建在app shell model上的
• 持续更新：受益于service worker的更新进程，应用能始终保持更新
• 安全：经过https来提供服务，能避免内容窥探和替换
• 可发现：经过W3C manifest和service worker registration标识应用，让搜索引擎可以找到web应用
• 再次访问：消息推送等特性让用户再次访问变得容易
• 可安装：容许用户把应用保留在主屏幕，不须要经过应用商店
• 可链接：经过URL能够轻松分享应用，不须要复杂的安装便可运行

缺点

• 门槛高：要求服务器部署https，service worker 涉及api众多，须要单独学习
• 浏览器支持不够全面：但最近（2017-12）Safari也支持了
• 用户不习惯：网页代替原生应用，如让用户习惯网页能够离线工做。用户短时间内不适应。

关键技术

• Manifest
• Service Worker
• Push Notification

PWA与其余App的对比

• Native App：须要下载安装，用户体验好，可离线，速度快，性能高。但维护成本高，对于其余平台须要从新开发，应用商店审核效率低，流程复杂
• Web App：运行在浏览器中，不须要安装，跨平台，支持的设备普遍，发布灵活（不须要应用商店审核），即时上线，用户可直接使用最新版本。须要处理浏览器兼容问题
• Hybrid App：以上两种的混合App，须要下载安装，跨平台，Web人员方便快速构建，能够上传到应用商店，能够基于浏览器进行调试，但用户体验不如原生，性能慢，技术不是很成熟