整合 Flutter Web

您可以使用 Firebase 架構感知 CLI，將 Flutter 應用程式部署至 Firebase。

事前準備

開始將應用程式部署至 Firebase 前，請先詳閱下列規定和選項：

  • Firebase CLI 12.1.0 以上版本。請務必使用您偏好的方法安裝 CLI。
  • 選用：在 Firebase 專案中啟用付費功能 (如要使用 SSR，則為必要條件)

初始化 Firebase

如要開始使用，請為架構專案初始化 Firebase。請為新專案使用 Firebase CLI，或為現有專案修改 firebase.json。

初始化新專案

  1. 在 Firebase CLI 中啟用網頁架構預覽功能：
    firebase experiments:enable webframeworks

  2. 從 CLI 執行初始化指令，然後按照提示操作：

    firebase init hosting

  3. 以「您要使用網路架構嗎？」回答「是」。(實驗功能)」

  4. 選擇要託管的原始碼目錄，這可能是現有的 Flutter 應用程式。

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

初始化現有專案

請變更 firebase.json 中的代管設定，以便使用 source 選項，而非 public 選項。例如：

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

提供靜態內容

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

firebase deploy