dart - 如何在服务器上部署 flutter web？

Question

我正在学习 Flutter 网络。现在我想在真实服务器中部署这段代码。flutter 代码在这里:在 lib 文件夹中

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'),
        ),
      ),
    );
  }
}

如何在服务器上部署此代码？我是 Flutter 网络的新手。

Answer 1

[更新]

要为 web 创建生产构建，您现在可以像其他平台(android 和 ios)一样直接运行 flutter build web 命令你会看到 build/web 文件夹与 assets 文件夹一起生成，你可以简单地将它部署到你的服务器上。

[旧答案第 1 步和第 2 步不再需要]

您需要使用 webdev 工具进行生产构建，要安装 webdev，您需要一个 pub 工具。

1. 因此转到安装了 dart SDK 的位置，在 bin 文件夹中您应该有一个 pub 批处理文件。您需要将 bin 文件夹的路径提供给环境变量，以便从 cmd 使用 pub。

2. 打开 cmd/terminal 运行下面的命令来安装 webdev

   pub 全局激活 webdev

3. 现在转到项目的根文件夹并在 Release模式下构建

   flutter build web

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

我用同样的方式部署到GitHub pages here's how in detail guide.

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

这是正在运行的 flutterweb app