渐进式 Web 应用(PWA)

简介

PWA（Progressive web apps，渐进式 Web 应用）运用现代的 Web API 以及传统的渐进式增强策略来创建跨平台 Web 应用程序。这些应用无处不在、功能丰富，使其具有与原生应用相同的用户体验优势。具有功能性，可靠性和可安装性。
官网
渐进式Web应用程序教程
MDN-PWA

特点

PWA应用是指那些使用指定技术和标准模式来开发的web应用，这将同时赋予它们web应用和原生应用的特性，包括

• 可发现-Discoverable
  内容可以通过搜索引擎发现
• 可安装-Installable
  可以出现在设备的主屏幕
• 可链接-Linkable
  你可以简单地通过一个URL来分享它
• 网络独立性-Network independent
  它可以在离线状态或者是在网速很差的情况下运行
• Progressive
  它在老版本的浏览器仍旧可以使用，在新版本的浏览器上可以使用全部功能。
• 可重组性-Re-engageable
  原生平台的一个主要优势是，即使打开应用或者使用设备，也可以通过更新或新内容吸引用户
  现代Web应用也可以做到这点，例如使用Web Push API通过Service Worker直接将更新从服务器发送到应用程序，以及使用Notifications API来订阅推送通知
• 响应式-Responsive
  它在任何具有屏幕和浏览器的设备上可以正常使用——包括手机，平板电脑，笔记本，电视，冰箱，等
• 安全-Safe
  在你和应用之间的连接是安全的，可以阻止第三方访问你的敏感数据

浏览器支持

PWA不依赖单个API，而是使用各种技术来实现提供最佳Web体验的目标
PWA所需的关键要素是service worker，现在主流浏览器都已经支持。
其他功能，Web App Manifest、Push、Notifications和Add to Home Screen也得到广泛支持。

实现

• 在线生成 PWA
• 示例

TWA

TWA(Trusted Web Activity)是集成 Web 应用的新方法，可以通过基于Custom Tabs的协议将 PWA 应用和 Android app 进行集成。
TWA