从真正的手机浏览器访问flutter localhost

Question

我有一个flutter网页应用，可以很容易地部署到我的电脑上的chrome浏览器上。部署成功后。

1. 控制台

2. 网页浏览器(Chrome)

我正在寻找从我的iPhone浏览器访问chrome中运行的localhost的方法。我的iPhone和PC都连接到同一个网络。我抓住了网络的IP地址，并尝试从我的iPhone safari浏览器访问链接为。

http:/192.168.43.36:61867。

但它不工作，我得到'网站无法到达'的消息。是否有任何额外的步骤，我可以执行使flutter localhost从我的移动浏览器访问或简单地其不可能与flutter？

Answer 1

当你在开发应用时，Flutter并没有真正输出JS。在你开发你的应用程序时，Flutter并没有真正输出JS。flutter run 命令启动应用程序，使用 开发编译器 在Chrome浏览器中，这意味着Dart代码直接在Chrome中运行。而且你不能真正从网络中的另一台机器访问Chrome，因为它不作为服务器。

你可能应该 用JS编译你的应用程序 (又名 flutter build web)进行常规部署，从其他主机访问它。你可以使用Python的简单HTTP服务器来为应用程序服务。不需要安装任何框架，配置任何东西，也不需要编写Python代码。只要确保你已经安装了Python 3，并运行了 python -m http.server 8000 从您的应用程序的构建输出。它将在8000端口上为应用程序服务。

Answer 2

使用这项免费服务 ngrok.com 让你公开你的本地主机。因此，你不仅可以在同一网络上开发时访问你的应用程序，而且还可以通过互联网与其他人分享，在你的手机上。