PWA 的一个定义特征是它可以被安装在原生移动设备上,然后对用户来说就像是一个平台的原生应用程序,是其设备的 permanent 功能。用户可以像启动任何其他应用程序一样,直接从移动操作系统中启动它。 我们可以这样概括:
一旦安装,PWA就会在设备上获得一个应用图标,与平台特定的应用并列。 一旦安装,PWA可以作为一个独立的应用启动,而不是在浏览器中的一个网站。 首先,我们将讨论一个web应用必须满足的可安装性要求。 可安装性为了让一个 web 应用可安装,它需要满足一些技术要求。我们可以将这些看作是一个web应用成为 PWA 的最低要求。 web app manifestWeb 应用程序清单是一个 JSON 文件,它告诉浏览器 PWA 在设备上应如何显示和运行。 对于要成为 PWA 的 Web 应用程序,它必须是可安装的,并且要使其可安装,它必须包含清单。
<!doctype html><html lang="en"> <head> <link rel="manifest" href="manifest.json" /> <!-- ... --> </head> <body></body></html> 清单包含一个包含成员集合的 JSON 对象,每个成员都定义 PWA 外观或行为的某些方面。 下面这是一个相当简单的清单,仅包含两个成员:“name”和“icons”。 { "name": "My PWA", "icons": [ { "src": "icons/512.png", "type": "image/png", "sizes": "512x512" } ]} 对于可安装的 Web 应用程序,它必须包含一个带有 fetch 事件处理程序的 Service Worker,以提供基本的离线体验。 用户希望在应用商店中找到适合其平台的应用,例如 Google Play Store 或 Apple Store。 如果应用程序满足了可安装性的先决条件,可以将其打包并通过应用程序商店分发。 |
|