渐进式 Web 应用程序可以与本地网络上的设备配合使用吗？

Question

我的本地网络上有多个设备，每个设备都运行一个网络服务器。该 Web 服务器仅显示用于与设备交互的 UI。可以有任意数量的可用，并且它们可以与多个不同的网络一起使用。由于有许多可能的配置，静态 IP 可能无法工作。

我写的是一些 JavaScript，它可以在本地网络上查找这些设备并返回它们的 IP。一旦我有了这个 IP，我就可以使用 websockets 连接到服务器并控制它。我希望开发一个可以做到这一点的渐进式网络应用程序。这是因为它会简化开发，意味着我只需要制作 1 个应用程序，而不是 4 个应用程序（Windows、MacOS、iOS、Android）。但是我的问题是 HTTP 和 HTTPS。 PWA 必须是 HTTPS，而 Web 服务器是 HTTP。这意味着网络套接字无法在两者之间工作，因为混合内容会被阻止。我猜如果我想要 PWA，我将必须找到一种方法来保护每个设备上的 Web 服务器。问题是为每个设备获取 SSL 证书是不可行的，而且看起来很愚蠢，因为它们位于本地网络上。

网络方面不是我的强项，所以我想知道是否有办法实现这一点，或者我是否可以采取不同的路线。

Answer 1

关于保护网络服务器的问题，您需要为其提供证书（如果用于开发目的，您也可以自己生成）：

有一些解决方案已经为您提供了样板：

• Npm 本地网络服务器（他们逐步解释如何保护网络服务器）

• 这里是生成自签名证书以及如何应用它的信息

这应该可以帮助您完成后续步骤

Answer 2

<meta http-equiv="Content-Security-Policy" content="default-src 'self'; connect-src http://192.168.XXX.XXX 'self'; object-src 'none'">

查看：https://csp-evaluator.withgoogle.com/