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.

本頁面由 Cloud Translation API 翻譯而成。

整合 Flutter Web

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

事前準備

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

Firebase CLI 12.1.0 以上版本。請務必使用偏好的方法安裝 CLI。
選用：在 Firebase 專案中啟用付費功能 (如要使用 SSR，則為必要條件)

初始化 Firebase

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

初始化新專案

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

初始化現有專案

請變更 firebase.json 中的代管設定，以便使用 source 選項，而非 public 選項。例如：

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

提供靜態內容

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

firebase deploy