PWA（propressive web app）概念

一. 下一代web应用：WPA

• 现状:

（1） Webpack, Rollup等打包工具
（2）Babel, PostCSS等转译工具
（3）TypeScript等可转译为Javascript的编程语言
（4）React, Angular, Vue 等现代web前端框架
（5）同构Javascript
Tips: Web应用体验依然不佳：
（1）网页资源下载带来的网络延迟
（2）Web应用依赖于浏览器作为出口
（3）没有好的离线使用方案
（4）没有好的消息通知方案
（5）…

• Web 与原生应用在移动平台上的使用市场对比：

Mobile Web 13%
Apps 87%

• PWA的出现：

（1）明显提高应用加载速度
（2）web应用可以在离线环境下使用
（3）web应用能够像原生应用一样被添加到主屏
（4）web应用能在未被激活时发起推送通知
（5）web应用与操作系统集成能力进一步提升

• PWA案例：

FlipKart
（1） 根据提示或手动添加到主屏
（2）全屏打开，不再受困于浏览器UI
（3）无法访问网络时，可以像原生应用一样照常执行
（4）商品降价、促销等时刻，可以像原生应用一样发起推送通知

二：PWA关键技术

• 关键技术1：
  
  

• 关键技术2：
  
  
  
  
  
  

三. PWA演变过程及现状