整合 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