关于前端:关于-PWA-应用的可安装性

49次阅读

共计 876 个字符,预计需要花费 3 分钟才能阅读完成。

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。

如果应用程序满足了可安装性的先决条件,能够将其打包并通过应用程序商店散发。

正文完
 0