# 將Flutter Web架設於FireBase
###### tags: `Flutter` `FireBase` `Web`

## 開啟網頁支援
1. 建立新Flutter Project

2. 選擇Flutter Application
3. 命名你的程式以及專案名稱並點擊Finish
4. 選擇下方Terminal並輸入以下文字

`> flutter channel`
`> flutter upgrade`
`> flutter config --enable-web`
`> flutter create .`
:::info
當輸入`> flutter config --enable-web`之後會將網頁支援轉為true

:::

5. 點選Invalidate Caches / Restart 

6. 現在你的Android Studio就會出現Web以及Chrome選項

## 架設於Firebase

1. 進到Firebase建立專案
2. 輸入專案名稱
3. Google Analytics可以先不開
4. 專案建立完成後回到Android Studio
5. 在Terminal進行操作
1. `> firebase init hosting`並輸入`Y`表示ready

2. 因為剛剛已經在Firebase網頁建立專案了，因此選擇`Using an existing project`

3. 繼續往下選擇剛剛建立的專案

4. `> build/web` 並輸入`Y`，Flutter會自動將你的程式翻譯為html

5. `> flutter build web` 建立網頁App

6. `> firebase deploy` 推到Firebase上面，跑完之後便會出現一行網址
:::info
如果要持續將更新的App推上Firebase，重複步驟 5 & 6
:::
6. 完成，這就是你架設於Firebase上的應用程式