可以替代本地App的渐进式Web应用程序（PWA）简介

前面本号已上传一个视频，介绍微软在渐进式Web应用程序的技术方案，见《微软BuildTour2017：构建渐进式WebApp（Progressive WebApp）》，今天再来谈谈什么是渐进式Web应用程序（Progressive Web App）。

渐进式Web应用程序是一个Web应用程序，它利用了现代浏览器的功能，可以添加到您的主屏幕，表现就像一个本地应用程序，简称PWA。PWA 其实是一种渐进式的的无需用户安装、可被随时唤起的 Web App , 融合了 Native App 的结构、交互、降级方案等的更优体验技术，使得用户通过浏览器打开网站时，获得有如原生 App 般的顺滑体验。其核心是，一个渐进的网络应用程序与普通网站没有任何区别 ： 它由HTML，CSS和JavaScript组成，并且以浏览器为载体与用户进行交互。将PWA与常规网站分开的是需要实现的10个关键概念的列表。这些是直接从Google Developers网站获取的。

利用最新的技术带给用户最好的无线体验。按照官方文档，PWA具有这些特性：可靠（Reliable）, 快速（Fast）, 参与感（Engaging）。

可靠

瞬间加载，即使在不稳定的网络下也不会显示 downasaur（小恐龙页面），通过预加载缓存关键资源，消除对于网络的依赖，确认用户在无网络或者网络情况较差情况下的即时可靠体验。

快速

快速响应用户互动与柔滑的平滑动画，快速响应并带给用户平滑的动画体验，没有卡顿。

参与感

原生 App 一般的体验，具有沉浸式的用户体验，可以将 Progressive Web App 安装在用户的主频幕上，甚至没有浏览器的头部，给用户提供一种如原生 App 的全屏体验。感觉像设备上的本地应用程序（Native App），具有沉浸式的用户体验。

那么开发渐进式Web应用，应遵循什么原则呢？主要有如下几点：

安全

通过HTTPS服务，以防止窥探，并确保内容未被篡改。

进步

为每个用户工作，无论浏览器的选择，因为它们以渐进增强为核心原则。

响应

适合任何形式：桌面，移动，平板电脑或下一个任何。

与连接无关

增强了service workers离线工作或低质量网络工作。

App-like

感觉像应用程式风格的互动和导览一样的应用程式，因为它们是建立在应用程式外壳模型上的。

更新

由于service workers更新过程，始终保持最新。

可发现

由于W3C清单和service workers注册范围允许搜索引擎找到它们，可识别为“应用程序”。

可重新启用

通过推送通知等功能，简化重新订阅。

可安装

允许用户在主屏幕上“保持”他们发现最有用的应用程序，而不会造成应用商店的麻烦。

可链接

通过URL轻松共享，不需要复杂的安装。

遵循这些准则将确保您的应用程序不仅在浏览器中查看时工作良好，而且还可以通过主屏幕快捷方式单独启动。您可能会发现Google已经选择了令人困惑的措辞，但不用担心，我们将在后面文章中更多地介绍这一技术。