集成 Flutter Web

借助 Firebase 框架感知型 CLI，您可以将 Flutter 应用部署到 Firebase。

准备工作

在开始将应用部署到 Firebase 之前，请先了解以下要求和相关选项：

  • 拥有 Firebase CLI 12.1.0 或更高版本。请务必使用您首选的方法安装 CLI。
  • 可选：在 Firebase 项目中启用结算功能（如果您计划使用 SSR，则必须完成此操作）

初始化 Firebase

首先，请为您的框架项目初始化 Firebase。对于新项目，您可以使用 Firebase CLI 完成初始化；对于现有项目，则可以通过修改 firebase.json 执行此操作。

初始化新项目

  1. 在 Firebase CLI 中，启用 Web 框架预览：
    firebase experiments:enable webframeworks

  2. 通过 CLI 运行初始化命令，然后按照提示操作： 

    firebase init hosting

  3. 在看到“Do you want to use a web framework?(experimental)”后输入“yes”

  4. 选择您的托管用源目录；它可以包含一个现有的 Flutter 应用。

  5. 如果出现提示，请选择 Flutter Web。

初始化现有项目

将 firebase.json 中的托管配置更改为使用 source 选项，而不是 public 选项。例如：

{
  "hosting": {
    "source": "./path-to-your-flutter-app"
  }
}

提供静态内容

初始化 Firebase 后，您可以使用标准部署命令来提供静态内容：

firebase deploy