Question

我创建了一个波动的Web应用程序。在选择设备时，我看到了诸如chrome和我的设备之类的选项。我能够在两个应用程序中运行该应用程序。但是现在，我想通过手机上的chrome浏览器打开此Web应用程序。怎么做？

Answer 1

可以。只要确保您使用的是同一局域网即可。然后

只需在终端中运行

flutter run -d chrome --web-hostname 0.0.0.0 --web-port 55555

现在检查您电脑的IP地址在Windows上：ipconfig 在Linux / Mac上：ifconfig

然后在移动浏览器上运行

http://your-local-ip(pc-ip):55555

Answer 2

不接受。但是您可以免费将网络应用程序部署到GitHub。

第1步 阅读准备在official site上发布的网络应用程序。

在终端上运行flutter build web。

一个简单应用的发行版具有以下结构：

/build/web
  assets
    AssetManifest.json
    FontManifest.json
    LICENSE
    fonts
      MaterialIcons-Regular.ttf
      <other font files>
    <image files>
  index.html
  main.dart.js
  main.dart.js.map

第2步 阅读如何在Github read here

上的页面上托管

创建一个名为new repo的名为username.github.io，其中username是您在GitHub上的用户名（或组织名称）。
只需将web文件夹中的所有内容（从第1步开始）放到您的仓库中即可。
现在像https://username.github.io一样打开您的网站。

Answer 3

是的，您可以在本地网络上提供您的网络应用程序，并在移动浏览器中访问它，前提是它们连接到同一网络。

您可以使用端口反转来做到这一点，它基本上将您的本地主机端口请求重定向到您的系统本地主机端口。

因此，当您使用

运行 Flutter Web 应用程序时

flutter run -d web-server

您将看到您的 web 应用程序在 localhost 上提供服务例如

http://localhost:49403

将您的手机连接到您的设备
运行adb reverse tcp:49403 tcp:49403
现在您只需在手机浏览器中输入地址即可查看应用正在运行。

因此，当您运行 adb reverse 命令时，手机本地端口 49403 将被路由到笔记本电脑的端口 49403。您将能够看到您的应用在手机浏览器中运行。

我们可以通过移动设备上的Chrome浏览器打开Flutter Web应用程序吗？

3 个答案: