启用渐进式 Web 应用程序功能 enabling-pwa

启用 PWA - 这是用于为站点启用 PWA 的主切换开关。

启动 URL - 这是在用户加载本地安装的应用程序时应用程序打开的首选启动 URL。

• 它可以是您的内容结构中的任意路径。
• 它不一定是根，通常是应用程序的专用欢迎页面。
• 如果此 URL 是相对的，则清单 URL 将用作基础 URL 以对其进行解析。
• 当留空时，该功能使用从其安装该应用程序的网页的地址。
• 建议您设置一个值。

显示模式 – 启用了 PWA 的应用程序仍然是通过浏览器交付的 AEM 站点。这些显示选项定义应如何隐藏浏览器或如何以其他方式将浏览器提供给本地设备上的用户。

• 独立 - 对用户隐藏浏览器，使其看起来如同原生应用程序一样。这是默认值。
  • 利用此选项，必须能够使用站点页面上的链接和组件完全通过内容进行应用程序导航，而无需使用浏览器的导航控件。
• 浏览器 – 在访问站点时，浏览器将正常显示。
• 最小化 UI – 浏览器的大部分组件是隐藏的，就像本地应用程序一样，但会显示基础导航控件。
• 全屏 - 隐藏浏览器，使其如同原生应用程序一样，但在全屏模式下呈现它。
  • 利用此选项，必须能够使用站点页面上的链接和组件完全通过内容进行应用程序导航，而无需使用浏览器的导航控件。

屏幕方向 - 作为本地应用程序，PWA 必须了解如何处理设备方向。

• 任意 – 该应用程序会根据用户设备的方向进行调整。 这是默认值。
• 纵向 – 强制应用程序以纵向布局打开，而不管用户设备的方向如何。
• 横向 – 强制应用程序以横向布局打开，而不管用户设备的方向如何。

主题颜色 – 定义应用程序的颜色，将影响本地用户的操作系统显示本机 UI 工具栏和导航控件的方式。它可能会影响其他应用程序演示元素，具体取决于浏览器。

• 使用颜色井弹出窗口选择颜色。
• 还可通过十六进制值或 RGB 值定义颜色。

背景颜色 – 定义应用程序的背景颜色，此颜色在应用程序加载时显示。

• 使用颜色井弹出窗口选择颜色。
• 还可通过十六进制值或 RGB 值定义颜色。
• 某些浏览器会自动从应用程序名称、背景颜色和图标构建启动画面。

图标 – 这将定义在用户设备上表示应用程序的图标。

• 图标必须是大小为 512x512 像素的 png 文件。
• 图标必须存储在 DAM 中。

缓存策略和内容刷新频率 – 此设置定义 PWA 的缓存模型。

• 适度 – 此设置适用于大多数站点，并且是默认值。
  • 利用此设置，会从缓存中加载用户首先查看的内容，而当用户使用该内容时，缓存中的其余内容会经过重新验证。
• 频繁 - 这适用于拍卖行等需要快速更新的站点。
  • 在此设置下，应用程序首先通过网络查找最新内容，如果无此内容可用，则它回退到本地缓存。
• 很少 - 这适用于参考页面等几乎静态的站点。
  • 在此设置下，应用程序首先在缓存中查找内容，如果无此内容可用，则回退到网络以检索它。

文件预缓存 - 在安装 Service Worker 时和使用它之前将这些托管在 AEM 上的文件保存到本地浏览器缓存。这可保证 Web 应用程序在离线时具有完整功能。

路径包含 - 拦截对于所定义的路径的网络请求，并根据所配置的​ 缓存策略和内容刷新频率 ​返回缓存的内容。

缓存排除 - 无论​ 文件预缓存 ​和​ 路径包含 ​下的设置如何，都从不缓存这些文件。