WebAPK 忽略在本地网络上运行的 PWA 的 display:standalone 标志答案

【问题标题】：WebAPK ignores display:standalone flag for PWA running on local networkWebAPK 忽略在本地网络上运行的 PWA 的 display:standalone 标志
【发布时间】：2019-01-15 20:03:35
【问题描述】：

我正在开发一个 PWA，我希望在独立显示模式下为其提供“添加到主屏幕”(a2hs) 功能。

在开发过程中，我的 PWA 运行在只能从我的本地网络（不能从外部互联网）访问的服务器上。

在 Android 版 Chrome 上测试 a2hs 时，我遇到了以下奇怪的行为。

简单添加到主屏幕 当我的 PWA 作为普通快捷方式添加到主屏幕时，一切正常。单击快捷方式将以独立显示模式打开 PWA（不显示 Chrome UI）。

高级添加到主屏幕 (WebAPK) 当 PWA 作为 WebAPK 快捷方式添加到主屏幕时，我的 Web 清单中的独立标志将被忽略。单击快捷方式将在浏览器选项卡中打开 PWA（Chrome UI 可见）。

这种不正确行为的原因可能是什么？我的猜测是，Google 的服务器需要能够访问我的 PWA 清单才能正确组装 WebAPK。由于无法从 Internet 访问我的清单，因此 WebAPK 没有正确组装。这只是猜测。有人可以确认或描述这种奇怪行为的原因吗？

【问题讨论】：

您的本地网络是 HTTPS 吗？你在使用端口吗？其他人报告了 PWA 无法通过端口独立打开的问题。当他们删除端口时，独立工作。
是的，我的服务器在自定义端口 (8443) 上提供 HTTPS。端口可能是一个原因，但似乎不太可能，因为当 PWA 在没有 WebAPK 的情况下添加到主屏幕时，独立标志起作用。它只会在安装 WebAPK 后停止工作。在这两种情况下，PWA 都在自定义端口上提供服务。
如果可以，请尝试使用默认端口。它适用于这个问题。 stackoverflow.com/questions/51677716/…
PWA A2HS 正在进行中。许多人正在尝试 Chrome 团队可能没有尝试过的许多事情。
你是对的。现在使用默认端口，它开始工作。一个平行的铬小组讨论让我有点困惑：groups.google.com/a/chromium.org/forum/#!topic/chromium-discuss/…。那里给出的答案似乎是错误的。

标签： android progressive-web-apps web-manifest

【解决方案1】：

如果您使用的是自定义端口，请尝试使用默认端口。
其他人也报告了同样的奇怪行为。

使用默认端口已解决此问题。
PWA deployed in node.js running in Standalone mode on Android and iOS

【讨论】：

确实，它开始使用默认端口。 PWA 是在私有网络还是公共网络中运行似乎与 WebAPK 无关。

【解决方案2】：

您的 PWA 可以在完整的专用网络中（我们有一个），并且仍然可以作为可安装 (WebAPK) PWA 工作。您会看到 Chrome 用户界面的唯一原因是，PWA criteria 之一未得到满足。运行灯塔报告并确保 PWA 下的所有内容都通过。如果您需要帮助，请发布您的审计报告。

【讨论】：

我认为 PWA 标准可能已经满足。如果不是，则不会安装 WebApk。我的想法错了吗？
如果我简单地说“是的，你的想法是错误的”会对你有帮助吗？当您不提供一些最低限度的调试信息时，它也对社区没有帮助。获得 chrome PWA 审计报告几乎不需要一分钟。只是有点假设。
是的，它会帮助我。它会改变我对 WebApk 的信念/假设。我只是想向那些可能比我了解更多的人学习。这是很多人。 :-)
你没有提到你的应用程序是如何添加到主屏幕的，也没有说明 webapk 在这里的作用。使用安装横幅或 Chrome 的菜单 A2HS 选项是您可以添加到主屏幕的两种不同方式。
我没有告诉我触发a2hs的方式，因为结果是一样的。我尝试使用 Chrome 的菜单 a2hs 选项以及安装横幅。在这两种情况下，都安装了 WebAPK……但独立标志被忽略了。 @Mathias 假设也是正确的：满足 PWA 标准，否则它不会作为 WebAPK 安装，而是作为简单的快捷方式添加到主屏幕。是的，我也通过 lighthose 进行了审计，它显示为绿色。