整合 Flutter Web

透過 Firebase 架構感知 CLI,您可以將 Flutter 應用程式部署至 Firebase。

事前準備

開始將應用程式部署至 Firebase 之前,請先詳閱下列需求和選項:

  • Firebase CLI 12.1.0 以上版本。請務必使用偏好的方法安裝 CLI
  • 選用:Firebase 專案已啟用計費功能 (如要使用伺服器端算繪,則必須啟用)

初始化 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 中變更代管設定,將 public 選項改為 source 選項。例如:

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

提供靜態內容

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

firebase deploy