If you are building server-rendered Angular or Next.js apps, check out next-generation Firebase App Hosting, a full-stack solution for modern web frameworks.

Google uses AI technology to translate content into your preferred language. AI translations can contain errors.

整合 Flutter Web

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

事前準備

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

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

初始化 Firebase

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

初始化新專案

在 Firebase CLI 中，啟用網頁架構預覽功能：
```
firebase experiments:enable webframeworks
```
從 CLI 執行初始化指令，然後按照提示操作：
```
firebase init hosting
```
回答「是」來使用網路架構。(實驗功能)
選擇託管來源目錄，這可以是現有的 Flutter 應用程式。
如果系統出現提示，請選擇 Flutter Web。

初始化現有專案

在 firebase.json 中變更代管設定，將 public 選項改為 source 選項。例如：

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

提供靜態內容

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

firebase deploy