整合 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 後,您就能按照標準將靜態內容提供 「get deployment」指令:

firebase deploy