整合 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. 對“您想使用 Web 框架嗎？（實驗性）”回答“是”

  4. 選擇您的託管來源目錄；這可能是現有的 Flutter 應用程式。

  5. 如果出現提示，請選擇 Flutter Web。

初始化現有項目

更改firebase.json中的託管配置以具有source選項，而不是public選項。例如：

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

提供靜態內容

初始化 Firebase 後，您可以使用標準部署指令提供靜態內容：

firebase deploy