我在学习Flutter 网络.现在我想在真正的服务器上部署这段代码.

void main() => runApp(new MyApp());    
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter layout demo',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter layout demo'),
        ),
        body: Center(
          child: Text('Hello World'),
        ),
      ),
    );
  }
}

如何在服务器上部署此代码?我是新来的.

推荐答案

[UPDATE]

要为web now创建生产构建,Flitter支持flutter build web个个类似于其他平台(android和ios)的命令

100

使用Assets文件夹生成的文件夹,您可以简单地将其部署到您的服务器上.

[OLD ANSWER STEP 1 & 2 No longer required ]

您只需要使用webdev工具进行生产构建.

  1. 因此,转到安装了DART SDK的位置,在bin文件夹中应该有一个pub批处理文件.您需要提供环境变量的bin文件夹路径,才能使用cmd中的pub.

  2. 现在打开cmd并点击下面的命令来安装webdev

    pub global activate webdev

    //在您的IntelliJ IDEA终端中

  3. 现在转到项目的根文件夹,并在发布模式下进行构建

    flutter build web

  4. 您应该在根目录中看到一个Build文件夹(/build/web),只需复制该文件夹并将其托管在Web服务器上即可.

我使用相同的方法将其部署到GitHub Pages here's how in detail guide.

一些有用的链接:https://dart.dev/tools/webdev#build

这是 run flutterweb app

Flutter相关问答推荐

获取屏幕大小的滚动视图与动态大小?

如何刷新future 的构建器时,没有OBS变量的内部在Ffltter?

我的flutter代码显示一个小部件被认为是死代码,为什么?

在框中保存对象列表时,类型推断无法正常工作

为什么当我使用Riverpod更新状态时,列表会被刷新?

如何在抖动中将PNG图像转换为WebP

使用持久的侧边菜单和顶部栏在Ffltter Web应用程序中的页面之间导航

TextField 中的富文本并获取 RenderParagraph

Flutter CarouselSlider中如何防止右图与放大的中心图重叠?

如何使Flutter 边框宽度在外面而不是在里面?

使 Row 中的元素保持在中间的空间,如果它们太大,则将它们包裹起来

Flutter 应用程序在启动画面冻结(java.lang.RuntimeException:无法启动活动 ComponentInfo)

如何在 Flutter 中的 BackdropFilter.blur 中制作一个 100x100 的清晰孔

Flutter ListView 在 Column 中工作但在 Row 中不工作

如何从 Firebase `get()` 获取 `DocumentReference`

如何判断 text.contains() 是否包含多个值

如何在 SingleChildScrollView 小部件中管理自定义小部件状态

http响应在Flutter 中返回307

Navigator.push '!_debugLocked' 上的错误:不正确

如何在Flutter 中将列表的模型类型转换为数组?