渐进式 Web 应用Windows概述

渐进式 Web 应用 (PWA) 提供对开放 Web 技术的访问权限,实现跨平台互操作性,并为用户提供为设备自定义的本机、类似应用的体验。 PWA 是逐步增强的网站,其功能与支持平台上的本机应用类似。 PWA 的特性结合了最好的 Web 和本机应用。

从 Web 搜索结果和支持的应用商店

从主屏幕、"开始"菜单、任务栏等固定和启动

发送推送通知,即使应用不处于活动状态

在脱机和低网络条件下工作

体验通过 (功能) 向上或向下扩展

提供安全的 HTTPS 终结点和其他用户安全措施

 

 

适应用户的屏幕大小或方向和输入方法

从标准超链接共享和启动

 

生成 (或将) 网站转换为PWA,以增强用户参与度。 增强功能包括推送通知、类似应用的集成和脱机支持。 继续构建开放 Web 上的受众,以便用户通过搜索和链接PWA发现你的网站。 最好使用 Web 服务器代码更新应用。

PA on Microsoft Edge (Chromium)

构建面向 Web 标准 API 的渐进式 Web 应用时,应用可能会跨平台和设备进行部署,并尽可能利用特定于设备的功能。 Microsoft Edge (Chromium) 中的 PA 将以下优势添加到您的网站。

  • 你的应用基于基于标准的 Web 平台构建。
  • 允许用户直接从浏览器安装应用。
  • 允许用户在没有基于应用商店的部署或注册的情况下安装应用。

桌面 PBA 在任何支持 \Microsoft Edge(Chromium) 平台上均受支持。 Microsoft Edge (Chromium) 7、Windows 和 macOS 上Windows 10 \Windows 10\macOS。 其中包括以下好处。

  • 可以直接在浏览器中使用导航栏中的 "安装 "图标安装应用。

    安装应用飞出和图标

  • 也可以从"应用"菜单安装、运行和管理设置**** > 应用程序

    设置下的应用菜单项

  • Web 通知已集成到 Windows通知系统

  • 具有安装应用程序的浏览器配置文件的共享 Cookie 存储

  • 使用"设置"和 更多 () 菜单访问其他浏览器功能,包括证书验证、网站权限、跟踪保护和 ... 浏览器扩展

  • 对调试Microsoft Edge开发人员工具的完全访问权限

备注

有关版本PWA、即将推出的功能和简短演示的信息,请导航到"内部版本2020 PWA会话"。

要求

若要作为PWA运行,服务器托管的 Web 应用应包含以下最低要求。

通过为服务器或应用通信提供安全连接来保护用户。 服务工作人员和其他PWA技术仅适用于通过安全连接 (或用于调试目的 localhost ) 。

使用服务工作线程充当服务器和客户端应用之间的网络代理。 服务工作线程提供脱机支持、资源缓存、推送通知、后台数据同步和页面加载性能优化。

提供一个基于 JSON 的元数据文件,该文件描述有关 Web 应用的关键信息,以便 Windows 10 和其他主机平台为 PWA 用户提供可安装的本机类似应用的体验。 关键信息包括图标、语言和 URL 入口点。

若要成为出色的PWA,你的应用还必须满足以下要求。

通过在不同PWA环境中进行测试,确保你的应用程序正常工作。

采用流畅的布局和灵活的图像。 响应式设计包括以下使用户体验适应用户设备的元素。

使用浏览器的设备仿真工具在本地测试,或在 Windows或 Android上创建远程调试会话,以在目标设备上直接进行测试。

将网站的每个页面路由到一个唯一 URL,以便现有用户可以通过社交媒体共享帮助你吸引更广泛的受众。

使用 Webhint linter 等代码质量工具优化应用的效率、稳定性、安全性和辅助功能。

根据 Google PWA检查表验证PWA数据。

备注

若要将PWA转换为Microsoft Store应用,请导航到"渐进式 Web 应用Microsoft Store"。

另请参阅