如何将Flutter Web部署到自己的服务器上?

Rea*_*tro 3 dart flutter flutter-web

我刚刚创建了一个 flutter web 应用程序,现在准备部署它。查看文档,我似乎需要使用 Firebase 托管?但我想在我自己的服务器上托管该应用程序。我尝试从 Build 复制 Web 目录,但是当我转到该路径时,我在 Web 上看到一个空白屏幕。我如何正确部署它?或者如果没有 Firebase 就根本不可能实现?

Bak*_*ker 13

首先您需要编译应用程序。

在终端、命令提示符或 Powershell 中,转到项目的根目录。

从那里运行构建:

flutter build web
Run Code Online (Sandbox Code Playgroud)

这将在您的项目中创建一个新目录。

c:\your-project-folder\build\web
Run Code Online (Sandbox Code Playgroud)

将文件夹中的所有内容复制web到您想要发布/托管应用程序的位置。

您的应用程序被捆绑到 main.dart.js 文件中。

index.html 也在该目录中。您应该能够通过访问该 index.html 来运行您的 Flutter Web 应用程序。

为 Web 平台构建 Flutter 应用程序的所有说明都在这里

flutter 构建 web 目录