Skip to content

Latest commit

 

History

History
103 lines (76 loc) · 6.75 KB

index.md

File metadata and controls

103 lines (76 loc) · 6.75 KB
Raw
title slug
渐进式 Web 应用（PWA）
Web/Progressive_web_apps

{{PWASidebar}}

渐进式 Web 应用（Progressive Web App，PWA）是一个使用 web 平台技术构建的应用程序，但它提供的用户体验就像一个特定平台的应用程序。

它像网站一样，PWA 可以通过一个代码库在多个平台和设备上运行。它也像一个特定平台的应用程序一样，可以安装在设备上，可以离线和在后台运行，并且可以与设备和其他已安装的应用程序集成。

指南

这些指南对 PWA 的不同方面进行了概念性的解释。它们的目的是帮助你了解 PWA 可以实现哪些事情，并提供足够的指南来帮助你了解如何实现它们。

  • 什么是渐进式 web 应用？
    • : PWA 的介绍，将其与传统网站和特定平台的应用程序进行比较，并概述了其主要特点。
  • 让 PWA 易于安装
    • : PWA 的一个决定性方面是它可以安装在设备上，然后作为一个平台特定的应用出现在用户面前，是他们设备的一个永久功能。PWA 应用可以像其他应用一样直接从操作系统中启动。在本指南中，我们将探讨“可安装”意味着什么，PWA 需要提供什么才能被安装，以及如何定制安装体验。
  • 离线与后台操作
    • : 在本指南中，我们将介绍一组技术，使 PWA 即使在设备有间歇性网络连接时也能提供良好的用户体验，并在后台执行操作，即使主应用程序没有运行。
  • PWA 的最佳实践
    • : PWA 应该适应不同的浏览器和设备，可以访问，有良好的性能，并与操作系统很好地整合。本指南提供了一个最佳实践的清单，以帮助你确保你的 PWA 尽可能运行顺利。

技术指南

这些指南对如何实现特定的 PWA 功能给出了具体详细的说明。

参考

你将用于建立 PWA 的 web 技术的参考文件。

Web 应用清单

  • Web 应用清单成员
    • : 开发人员可以使用 web 应用清单成员来描述 PWA，定制其外观，并更深入地将其整合到操作系统中。

Service Worker API

与应用进行通信

Service worker 可使用以下 API 与其相关的 PWA 客户端进行通信：

离线操作

Service worker 可以使用以下 API 来使你的应用程序在离线状态下工作：

  • Cache
    • : HTTP 响应的持久性存储机制，用于存储资源，在应用程序离线时可以重复使用。
  • Clients
    • : 一个用于提供对由 service worker 控制的文件访问接口。
  • FetchEvent
    • : 一个事件，随着 PWA 客户端发出的每个 HTTP 请求而在 service worker 中派发。该事件可用于像正常一样将请求发送到服务器并保存响应以供将来使用，或者拦截请求并立即用先前缓存的响应进行响应。

后台操作

以下 API 可以被 service worker 用来在后台执行任务，即使你的应用程序没有运行：

其他 web API

  • IndexedDB
    • : 一个用于大量结构化数据的客户端存储 API，包括文件。
  • Badging API
    • : 一种在应用图标上设置徽章的方法，提供低打扰性的通知。
  • Notifications API
    • : 一种发送通知的方式，这些通知在操作系统层面显示。
  • Web Share API
    • : 一种将文本、链接、文件和其他内容分享给用户在其设备上选择的其他应用程序的机制。
  • Window Controls Overlay API
    • : 为安装在桌面操作系统上的 PWA 提供的 API，能够隐藏默认的窗口标题栏，使应用能够在应用窗口的整个表面区域显示。

参见