整合 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 中變更代管設定，改為 source 選項，而非 public 選項。例如：

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

提供靜態內容

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

firebase deploy