时间戳

首页 > 解决方案 > 如何在不使用 IONIC 托管的情况下从 localhost 安装 PWA？

angular - 如何在不使用 IONIC 托管的情况下从 localhost 安装 PWA？

问题描述

到目前为止，我可以通过将所有内容托管到 firebase 来获得 pwa。但我想要没有托管的相同 pwa。是否可以从 localhost 获取 pwa 应用程序？当我从 localhost 运行应用程序时如何添加到快捷方式。我在 pc 上的 firefox 上尝试了同样的方法，我明白了。但不知道如何在移动设备中获得相同。

标签： angularcordovaionic-frameworkprogressive-web-apps

解决方案

因此，当您在 PC 上运行“ionic serve”命令时 - 您可以使用 localhost 名称访问该 PC 上的 PWA。现在您的 PC 也有本地网络地址（由您的本地路由器授予，如 wifi 路由器等）。您需要了解运行 ionic serve 的计算机的地址（通常是这样的：192.168.etc.etc），然后从连接到同一路由器的移动设备上使用移动浏览器（safari 或 android）转到该地址并使用 Ionic 使用的端口（默认为 8100）。

因此，如果您运行 ionic serve 的本地 PC 地址是 192.168.0.13 并且您没有配置非默认端口，您需要导航到：

192.168.0.13:8100

这将打开您的网络应用程序，然后您可以“添加到主屏幕”等以将其作为 PWA 使用。

请注意，PWA 相关功能有限制（例如需要使用 https 等）。对于本地地址（例如本地主机，例如用于本地网络的经典 192.168.etc 范围），省略了其中一些限制。因此，根据您的局域网设置，您可能需要确保配置（通过 wifi 管理员）和 IP 地址分配不会引起任何问题。

推荐阅读