学习 PWA

本课程分解了现代渐进式 Web 应用开发的各个方面。

渐进式 Web 应用 (PWA) 是使用现代 API 构建和增强的 Web 应用，旨在提供增强的功能、可靠性和可安装性，同时使用单个代码库覆盖任何地点、任何设备的任何人。

如果您想构建渐进式 Web 应用，您可能想知道从哪里开始，是否可以在不从头开始的情况下将网站升级到 PWA，或者如何从特定于平台的应用迁移到 PWA。本文将帮助您解答这些问题。

所有渐进式 Web 应用的核心都是现代网站，因此重要的是您的网站在响应式设计、移动优先、内在设计和 Web 性能方面具有坚实的基础。

渐进式 Web 应用与经典网站和 Web 应用之间的主要区别之一是可安装性。这创建了一种更集成到平台和操作系统中的独立体验。安装实现了新的灵活性和新的责任，因为我们的内容周围将没有浏览器的用户界面。

渐进式 Web 应用是一个网站；它的所有资源都与 Web 上的资源相同，但使用新工具使这些资源在在线时加载速度快，并在离线时可用。

Service workers 是 PWA 的基本组成部分。它们实现了快速加载（与网络无关）、离线访问、推送通知和其他功能。

您可以使用 Cache Storage API 在设备上下载、存储、删除或更新资源。然后，可以在设备上提供这些资源，而无需网络请求。

使用 service worker 的 fetch 事件，您可以拦截网络请求并使用不同的技术提供响应。

Workbox 是一组模块，可简化常见的 service worker 交互，例如路由和缓存。每个模块都解决了 service worker 开发的特定方面。Workbox 旨在尽可能简化 service worker 的使用，同时允许灵活性以适应复杂应用程序的需求。

要构建可靠的离线体验，您需要实施存储管理。IndexedDB、Cache、Storage Manager、Persistent Storage 和 Content Indexing 等工具可以提供帮助。

已安装的应用易于访问，并且可以利用与操作系统的更深层次的集成。学习如何使您的 PWA 可安装并获得这些好处。

Web 应用清单是一个 JSON 文件，用于定义应如何将 PWA 视为已安装的应用程序，包括外观和感觉以及在操作系统内的基本行为。

对于通过 PWA 安装标准的网站，浏览器会触发一个事件，提示用户安装它。好消息是您可以使用此事件自定义您的提示并邀请用户安装您的应用。

您的 PWA 很可能需要更新。本章为您提供了更新 PWA 不同部分（从资源到元数据）的工具。

您的用户期望获得良好的体验。在本章中，您将了解如何使用启动画面、应用快捷方式以及会话的工作方式来增强您的 PWA。

识别您的用户如何与您的应用互动有助于自定义和改进用户体验。例如，您可以检查您的应用是否已安装在用户的设备上，并实施诸如将导航从浏览器转移到独立应用等功能。

您的 PWA 现在可以在浏览器之外工作。本章介绍了用户安装您的应用后如何进一步与操作系统集成。

浏览器之外的 PWA 管理其自己的窗口。在本章中，您将了解在操作系统内管理窗口的 API 和功能。

有些 PWA 功能仍在建设中，您可以参与其开发。在本章中，您将了解 Fugu 项目、如何注册源试用以及如何使用实验性 API。

我们将探索可用于开发、调试和测试您的渐进式 Web 应用的工具。

在开发 PWA 时，您需要做出一些决定，例如是创建单页应用程序还是多页应用程序，以及您是将其托管在域的根目录中还是文件夹中。

保持 Web 应用的简洁性可能出乎意料地复杂。在本模块中，您将学习 Web API 如何与线程一起工作，以及如何将其用于常见的 PWA 模式，例如状态管理。

PWA 不仅限于屏幕。本章介绍 PWA 今天在硬件、传感器和平台使用方面所具有的功能。

后续步骤和资源。