我们可以在手机上通过 chrome 浏览器打开一个 Flutter Web 应用程序吗?

Ais*_*rya 3 dart flutter flutter-web

我创建了一个颤振 Web 应用程序。在选择设备时,我看到了 chrome 和我的设备等选项。我能够在它们两个中运行该应用程序。但是现在,我想通过手机上的 chrome 浏览器打开这个网络应用程序。怎么做?

Rah*_*nge 8

是的你可以。只要确保您在同一个 LAN 网络上。进而

只需在终端中运行它

flutter run -d chrome --web-hostname 0.0.0.0 --web-port 55555
Run Code Online (Sandbox Code Playgroud)

现在检查你的电脑在 Windows 上的 ip 地址:Linux/Mac 上的 ipconfig :ifconfig

然后在移动浏览器上运行

http://your-local-ip(pc-ip):55555
Run Code Online (Sandbox Code Playgroud)


Rav*_*mar -1

答案是否定的。但是您可以将您的网络应用程序部署到但您可以免费GitHub 。

步骤1阅读准备要在官方网站 上发布的 Web 应用程序。

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

Run Code Online (Sandbox Code Playgroud)

步骤 2 阅读如何在 Github 上托管页面,请阅读此处

  1. 创建一个新的存储库,其中 username 是您在 GitHub 上的用户名(或组织名称)。

  2. 只需将里面的所有东西都放进去web(从步骤 1 开始)放入您的存储库即可。

  3. 现在打开您的网站,例如https://username.github.io