所以我今天在探索PWA,并关注了你的第一个渐进式Web应用程序。它需要5分钟并且可以在我的笔记本电脑上运行,但问题是,我还不知道如何通过手机浏览它。所以我搜索并找到了如何从我的安卓设备访问我的本地主机?但不幸的是,那里提供的答案对我不起作用。
为什么会这样呢?PWA 是否需要某种不同类型的设置?我错了吗?另外,我找不到任何教程可以带您在移动设备中实际浏览PWA。为什么?
而您的第一个渐进式 Web 应用程序教程告诉您在本地主机中启动服务器。因此,如@Anand所述,您将无法简单地访问手机中的PWA。
最简单的解决方案是使用 ngrok。使用它将显示 Web 应用程序的公共 URL,您可以在所需的任何设备中访问该 URL。
只需从这里安装 ngrok 并按照操作进行操作。干杯;)
我也有类似的问题.我安装了 ngrok 并从设备访问了它提供的 URL。它工作得很好。后来我通过链接
https://developers.google.com/web/tools/chrome-devtools/remote-debugging/
在设置中,我启用了"发现USB设备并设置端口转发。然后,我能够在实际设备中浏览和调试PWA(在我的笔记本电脑上运行(。我知道如果您的开发机器旁边有设备,您可以使用远程设备USB调试。如果你想从远程地方展示一些演示,你可以使用 ngrok。希望这有帮助!!
在任何设备浏览器中访问 PWA 与访问任何其他网站相同。您只需使用 URL 访问即可。
您的问题似乎是因为您在移动设备中以"本地主机"身份访问它。如果您在桌面上运行 Web 应用程序,并且您的手机也连接到同一网络,请使用其 IP 地址访问它。说
https://192.168.1.1/myapp/而不是 https://localhost/myapp/。当您将localhost放在任何设备中时,它指的是本地设备(您的Android手机(,它实际上并未运行Web应用程序及其笔记本电脑,这不是本地的,而是Android手机的遥控器。
您还可以将安卓应用程序打包为 apk 并侧加载它。试试这个网站。