本地主机中的 PWA 开发

Question

目前，我正在尝试让我的网站支持 PWA。实施后，它可以在桌面的浏览器上运行，地址栏上有安装它的按钮，但是当我在本地移动设备上测试它时，它不会提示“添加到主屏幕”弹出窗口。

可能是因为我在本地运行它，因为它只使用 HTTP 协议吗？或者我错过了一些东西以便专门为那个弹出窗口设置？我的网站在 Laravel 7 上。

希望有人能帮助我解决这个问题。 谢谢。

更新：解决了。显然，通过使用带有 HTTPS 协议的 ngrok 使用暴露的公共端口在本地运行网站，我能够模拟应用程序在移动设备上的行为方式，最终出现了“添加到主屏幕”弹出窗口。

Answer 1

根据定义，PWA 需要安装 HTTPS 连接并正常运行（如您所说）。在您的开发机器上，您正在使用“localhost”的异常。在您的移动设备上，您不会在本地访问该网站，因为它不是托管在设备本身上的。