在没有 service-worker 的 Chromium 浏览器中安装仅在线 (PWA) Web 应用程序

Question

我正在构建一个快节奏的基于浏览器的在线多人游戏，其中需要与服务器（websockets）持续通信以接收其他玩家正在做什么的更新。我想让这个应用程序尽可能接近渐进式网络应用程序 (PWA)，我可以在其中提示移动用户将应用程序“安装”到他们的主屏幕，以便更轻松地查找和启动应用程序。

但是，要在基于 Chromium 的浏览器上获得易于安装的 PWA 体验，它需要该应用具有服务工作者（https://web.dev/install-criteria/、https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Installable_PWAs）。我想这是为了确保应用程序可以离线使用，但在我的情况下，这是不需要的，因为应用程序必须在线并连接（通过 websocket）。

我是不是走错了路？为在 Android Chrome 上运行的必备在线应用程序提供简单的“安装到主屏幕”体验的最佳方式是什么？例如。弹出并询问他们是否要安装的东西，而不是指导用户在浏览器中手动打开菜单并单击“添加到主屏幕”按钮。谢谢！

Answer 1

只有在您注册了 Service Worker 时，您的用户才能获得“安装到主屏幕体验”。 这个服务工作者可以非常简约。但它需要存在和活跃。 离线或在线工作不是 PWA 的标准。

Answer 2

是的，您需要一名服务人员。但是，即使您的游戏只能在线玩，它也可以用来改善游戏的用户体验。

最简单的方法是设置一个主题加载屏幕。除此之外，还有一个步骤是让你的 UI 可以通过 service worker 访问启动游戏，所以无论有什么按钮（角色选择、游戏模式、选项……）都可以立即使用，即使这次连接到服务器需要一秒钟不管什么原因。消除延迟可以让您的应用使用起来感觉更好。

除此之外，您可以考虑添加有趣的离线功能，让玩家在没有网络连接时可能会喜欢使用这些功能。一些例子：

• 查看帮助/“如何玩”。
• 查看地图（如果您的游戏有地图），甚至进入“单人”游戏，以便玩家在低压环境中熟悉游戏元素和图形，或者尝试更改设置（如有） .
• 查看统计信息（如果您的游戏有的话）。
• 重播之前比赛的录音。这可能有助于学习如何玩，但即使没有，它仍然可以让玩家截图并分享一个有趣的时刻。