【问题标题】:Flutter Web: Access development server from another deviceFlutter Web:从其他设备访问开发服务器
【发布时间】:2021-11-17 20:28:39
【问题描述】:

我正在使用 Flutter Web 并想为多个设备设置开发服务器。 我目前正在像这样运行服务器:

flutter run -d web-server --web-port 5000

这适用于 http://localhost:5000 但是当我尝试从 http://127.0.0.1:5000/ 访问服务器时,即使在同一台机器上它也不起作用。

如何在不构建应用程序的情况下从同一网络下的任何设备访问服务器?

【问题讨论】:

    标签: flutter flutter-web


    【解决方案1】:

    新答案

    Cloudflare 应该使您能够建立到本地主机的隧道。

    在 linux 上你可以:

    1. Install Cloudflare
    2. cloudflared tunnel --url http://localhost:5000/创建一个指向localhost:5000的隧道
    3. 使用给定的地址从任何地方访问您的本地开发网站

    请注意,这仍然很慢。如果您需要偶尔检查一下其他设备,我会说这已经足够了,但如果您想像使用热重载一样进行开发,那就不行了。

    旧答案(由于未知原因,这似乎真的很慢)

    您应该查看ngrok 之类的内容。

    在 linux 上你可以:

    1. 安装ngrok:sudo apt install ngrok
    2. 使用ngrok http 5000 创建一个指向 localhost:5000 的隧道
    3. 使用给定的地址从任何地方访问您的本地开发网站

    【讨论】:

    • Ngrok 可以工作,但加载时间似乎太长了。花了 1.5 分钟在颤振中加载单个文本。
    • 确实对我来说也很慢,使用 --region 标志可能会有所帮助。例如,如果您在欧盟:ngrok http -region=eu 5050。不过不要抱太大希望,我遇到了麻烦
    • 我已经使用 --region 标志作为欧盟,因为我在欧盟内部,但它对我来说仍然很慢。
    • 嘿,我不知道您是否在响应修改时收到通知,所以我在这里告诉您:我最近尝试使用cloudflare 而不是ngrok,它似乎工作得很好可以使用。不完美,但至少可以使用。
    猜你喜欢
    • 2015-09-14
    • 1970-01-01
    • 2020-06-09
    • 2014-10-23
    • 1970-01-01
    • 2013-05-22
    • 1970-01-01
    • 1970-01-01
    • 2022-12-04
    相关资源
    最近更新 更多