PWA web应用模型

---

2018年的第一篇博客，最近都去挤图书馆了，但愿新年新气象。。。

简介

PWA 是一门Google推出的web前端新技术，全称是Progressive Web App，是Google在2015年提出，2016年6月推广的项目，是结合了一系列现代Web技术的组合，在网页应用中实现和原生应用相近的用户体验。

PWA并非描述一个技术，而是一些技术的合集。PWA 是专门应对手机 Web 开发而提出的，经过新技术的成熟，实现最好的 Web + 手机 APP。就是说，让你在使用 Web 的时候感受像是在使用 APP。

PWA特性

• 渐进式： 确保每一个用户都能打开网页；
• 响应式： PC、手机、平板、无论哪一种格式，网页都能完美适配
• 离线响应： 支持用户在没有网的状况下都能打开网页，这里须要service worker；
• APP化：可以像APP同样和用户进行交互
• 常更新： 一旦web网页有什么改动，都能当即在用户端体现出来
• 安全： 安全是第一位，给本身的网站加上一把绿锁-HTTPS；
• 可搜索： 可以被引擎搜索到
• 推送： 作到在不打开网页的状况下，推送新的消息
• 可安装： 可以将web像App同样添加到桌面，不须要经过应用商店
• 可跳转： 只要经过一个链接就能够跳转到你的web页面。（经过 URL 能够轻松分享应用，不用复杂的安装便可运行）

PWA 须要的技术

• push（推送消息）
• cache
• manifest（应用清单：定义了一个基于JSON的清单，为开发人员提供一个放置与Web应用程序关联的元数据的集中地点）
• responsive dev
• material design
• service worker（一部分是 cache，还有一部分则是 Worke）

PWA与其余APP

• Native APP
  指原生App，是一个完整的App，可拓展性强，须要用户下载安装使用

• Web APP
  指采用Html5语言写出的App，生活在浏览器里的应用，不须要下载安装

• Hybird app
  半原生半Web的混合类App，须要下载安装

PWA在中国

略

总结

感受 PWA 涉及到的 API 比较多。要想研究透彻 PWA 还须要研究它所涉及到的 API ，慢慢研究吧。