集成 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