关于 PWA 应用的可安装性
【摘要】 PWA 的一个定义特征是它可以被安装在原生移动设备上，然后对用户来说就像是一个平台的原生应用程序，是其设备的 permanent 功能。用户可以像启动任何其他应用程序一样，直接从移动操作系统中启动它。我们可以这样概括：PWA 可以从平台的应用商店安装，或者直接从网页安装。PWA 可以像平台特定的应用一样安装，并可以自定义安装过程。一旦安装，PWA就会在设备上获得一个应用图标，与平台特定的应用...
PWA 的一个定义特征是它可以被安装在原生移动设备上，然后对用户来说就像是一个平台的原生应用程序，是其设备的 permanent 功能。用户可以像启动任何其他应用程序一样，直接从移动操作系统中启动它。
我们可以这样概括：
- PWA 可以从平台的应用商店安装，或者直接从网页安装。
- PWA 可以像平台特定的应用一样安装，并可以自定义安装过程。
一旦安装，PWA就会在设备上获得一个应用图标，与平台特定的应用并列。
一旦安装，PWA可以作为一个独立的应用启动，而不是在浏览器中的一个网站。
首先，我们将讨论一个web应用必须满足的可安装性要求。
可安装性
为了让一个 web 应用可安装，它需要满足一些技术要求。我们可以将这些看作是一个web应用成为 PWA 的最低要求。
web app manifest
Web 应用程序清单是一个 JSON 文件，它告诉浏览器 PWA 在设备上应如何显示和运行。
对于要成为 PWA 的 Web 应用程序，它必须是可安装的，并且要使其可安装，它必须包含清单。
manifest.json 文件通过 link 标签被引入 index.html：
<!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。
如果应用程序满足了可安装性的先决条件，可以将其打包并通过应用程序商店分发。
【版权声明】本文为华为云社区用户原创内容，转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息， 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）