PWA（Progressive Web App）

PWA（Progressive Web App）是一种理念，使用多种技术来增强web app的功能，可以让网站的体验变得更好，能够模拟一些原生功能，比如通知推送。在移动端利用标准化框架，让网页应用呈现和原生应用相似的体验

主要技术

web app Manifest

为了让 PWA 应用被添加到主屏幕, 使用 manifest.json 定义应用的名称, 图标等等信息。

manifest.json 文件

Service Worker

在网页已经关闭的情况下还可以运行, 用来实现页面的缓存和离线, 后台通知等等功能

Push Notification

1.开发方面有区别：

（1）原生APP：每一种移动 *** 作系统都需要独立的开发项目，iphone版本、Ipad版本、安卓版本。每种平台都需要独立的开发语言。Java(Android), Objective-C(iOS)等等。需要使用各自的软件开发包，开发工具以及各自的控件。

（2）开发成本高、开发速度慢、维护成本高。三个平台（IOS、安卓、windows）的规则、推广、运营都不相同。官方应用商店对APP上线审核流程比较复杂而且很慢，会严重影响APP的发布上线。

（3）Web App ：因为运行在移动设备的浏览器上，所以只需要一个开发项目。可以通过HTML、 CSS或者JavaScript来进行Web APP的开发。开发成本低、开发速度快。

2.功能有区别：

（1）原生App：原生APP是一个系统性的应用程序，可以类比于电脑上的软件。原生app可以调用移动终端的硬件设备， 比如：麦克风、摄像头、短信、GPS、蓝牙、重力感应等。实现功能丰富

（2）Web App：Web APP可以类比于电脑上的网页。Web APP更多是页面展示类的APP。只能使用有限的移动硬件设备功能。更多用于页面展示，侧重于简单的交互，无法使用很多硬件设备独特的功能

PWA（Progressive Web App），即渐进式web应用，这种应用可以像常规网页一样加载，它采用了本地应用程序的外壳，不需要下载就可安装再用户的主屏幕上，大大减少内存的负担，给予用户良好的交互体验。

PWA包含的核心功能及特性有：

1、Web App Manifest

2、Service Worker

3、Cache API 缓存

4、Push&Notification 推送与通知

5、Background Sync 后台同步

6、响应式设计

PWA的优势：

1、无需安装与下载，只需要输入网址就可以可以将app的快捷方式放置桌面，全屏运行，与原生app无异

2、能够在各种网络环境下使用，即使网络很差或者断网的情况下，也不会显示undefind

3、具有推送消息的能力

4、本质上是一个网页，没有app的各种启动条件，能够快速响应用户指令

PWA存在的问题：

1、目前阶段支持率不高，浏览器对技术支持还不够全面，各大厂商还未明确支持PWA

2、依赖的GCM服务在国内无法使用

3、微信小程序的竞争

Progressive Web Apps（PWA）是一个结合了最好的web和app经验的渐进式网络应用程序。它对用户来说是非常有用的，它不需要安装，只需要从浏览器标签开始访问。随着用户与app建立的关系，它变得越来越强大。即使在片状网络上，它也可以实现快速加载，并发送相关推送通知。它可以在主屏幕上创建图标，并加载为顶级全屏体验。

1.在台式机和移动设备，或在任何一个浏览器上运行。

2.离线工作，在低质量的网络上表现良好。

3.以秒为单位加载，在应用程序内部进行流畅的交互

4.身临其境的应用程序体验，完全访问原生功能。

5.通过简单的网页搜索轻松发现。

---