渐进式 Web 应用 (PWA) 概述

渐进式 Web 应用 (PWA) 是使用 Web 技术生成的应用程序,可以从一个代码库安装并可在所有设备上运行。

PWA 在支持设备上为用户提供类似于本机的体验。 它们适应每个设备支持的功能,还可以在 Web 浏览器(如网站)中运行。

若要开始构建 PWA,请参阅 渐进式 Web 应用入门

视频:Ignite |2021 年 3 月 |点燃 Web 应用故事

视频“点燃 Web 应用故事”的缩略图

PWA 权益

类似本机的体验

在设备上安装 PWA 时,其功能与其他应用一样。 例如:

  • PWA 有自己的应用程序图标,可以添加到设备的主屏幕或任务栏。
  • 打开关联的文件类型时,可以自动启动 PWA。
  • PWA 可以在用户登录时运行。
  • 可以将 PWA 提交到应用程序存储区,例如Microsoft存储。

高级功能

PWA 还有权访问高级功能。 例如:

  • 当设备脱机时,PWA 可以继续工作。
  • PWA 支持推送通知。
  • 即使应用程序未运行,PWA 也可以执行定期更新。
  • PWA 可以访问硬件功能。

最后,PWA 可以在 Web 浏览器中运行,就像在网站中一样。 像网站一样运行,PWA 具有优势,例如:

  • 可以通过搜索引擎为 PWA 编制索引。
  • 可以从标准 Web 链接共享和启动 PWA。
  • PWA 对用户来说是安全的,因为它们使用安全的 HTTPS 终结点和其他用户安全措施。
  • PWA 适应用户的屏幕大小或方向以及输入法。
  • PWA 可以使用 WebBluetooth、WebUSB、WebPayment、WebAuthn 或 WebAssembly 等高级 Web API。

降低开发成本

与需要每个平台(例如 Android、iOS 和每个桌面操作系统)的特定独立代码库的已编译应用相比,PWA 的跨平台开发成本要低得多

借助 PWA,可以使用网站、移动应用和桌面应用之间共享的单个代码库, (跨操作系统) 。

跨设备兼容性

渐进式 Web 应用 (PWA) 是使用在 Web 服务器上托管并在 Web 浏览器引擎中运行的 HTML、CSS 和 JavaScript 代码生成的。 它们可以直接在 Web 浏览器(如网站)中使用,也可以从应用商店安装到设备上,也可以使用支持浏览器的应用安装功能。 若要详细了解如何在 Microsoft Edge 中安装 PWA,请参阅 安装 PWA

PWA 的用户体验随设备功能纵向扩展或缩减。 具体而言,在使用 Microsoft Edge 的 Windows 上,可以构建与操作系统深度集成的沉浸式体验。 仅使用 Web 技术可确保你的应用可在其他浏览器、操作系统和设备上运行。

桌面计算仍然是许多用户的主要生产力环境。 PWA 可以在继承该环境优势的桌面操作系统上提供完全定制的可安装体验。 但是,PWA 也可以安装在移动设备上,或直接在 Web 浏览器中使用。

缩小 Web 和本机之间的差距

目前,使用 Web 技术无法执行太多操作。 许多曾经只能通过使用特定于设备的语言实现的功能现在都可以通过使用标准 Web 技术来实现。 例如:

  • 处理文件。
  • 与其他应用共享内容。
  • 访问剪贴板。
  • 在后台同步数据和提取资源。
  • 访问设备硬件,例如蓝牙和 USB。
  • 将内容存储在数据库中。
  • 利用硬件加速图形。
  • 使用 CSS 布局、动画和筛选器创建高级设计。
  • 使用 WebAssembly 运行近乎编译的性能代码。

借助 Microsoft Edge,桌面上的 PWA 可以充分利用这些功能,提供用户期望桌面应用能够执行的操作。 这些功能跨 Web 和桌面平台提供更具吸引力的体验。

若要查找 PWA 可以执行的操作的示例,请参阅 神话破坏 PWA

Microsoft应用商店

由于渐进式 Web 应用 (PWA) 与 Microsoft Store 中的其他应用一样,因此用户无需打开浏览器即可完全参与这些应用( 从发现到安装到执行)。

Microsoft应用商店为用户提供了可信赖且熟悉的应用安装体验。 此外,可以查看详细的使用情况统计信息和图表,让你了解Microsoft应用商店中的应用情况。

请参阅 将渐进式 Web 应用发布到Microsoft应用商店

成功案例

使用渐进式 Web 应用 (PWA) 技术是使应用安全可发现可链接易于安装和更新、响应和独立于网络的好方法。 许多企业在 PWA 方面都取得了成功。 例如:

  • 星巴克PWA每天增加了两次活跃用户。 桌面版订单与移动 () 的费率几乎相同。
  • Trivago 看到,将 PWA 添加到主屏幕的用户增加了 150%。 参与度增加导致酒店优惠 () 的时钟增加了 97%。
  • Tinder 使用 PWA 将加载时间从 11.91 秒缩短到 4.68 秒。 该应用比编译的 Android 应用小 90%, () 。

PWA 统计信息 网站上阅读更多成功案例。

另请参阅