今天的目標就是把我們的 AI 助教正式推向雲端，讓任何人打開專屬網址就能夠立即使用，我們將透過 Firebase Hosting，用相對輕鬆的方式完成雲端部署。

【Google AI 工具實作過程】

要把專案部署到網路上，過去往往需要設定複雜的伺服器、Nginx 或網域權限。但透過 Google 生態系中的 Firebase CLI 與 Firebase Hosting，整個過程被簡化到只需幾個指令。

整個部署的上線流程主要包含以下步驟：

1. 安裝與登入 Firebase CLI： 在終端機透過指令登入 Google 開發者帳號，建立雲端連線授權。
2. 初始化 Firebase 專案設定 (firebase init hosting)： 在專案根目錄執行初始化，將本地專案與 Firebase Console 上建立的雲端專案（ai-tutor-system-19903）綁定，並設定公開靜態檔案目錄與單頁應用程式（SPA）重新導向。
3. 執行雲端發布 (firebase deploy)： 一鍵將專案資源推送到 Google 的全球 CDN 網路上，正式取得免費的雲端公開網址。

【核心設定與部署過程展示】

在專案完成初始化後，Firebase 會在根目錄自動產生一個 firebase.json 設定檔，用來告訴主機該如何處理網頁路由與靜態資源。以下是我們的專案設定：

{
  "hosting": {
    "public": "public",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

在終端機中，我們只要輸入這行指令，就能完成所有部署動作：

firebase deploy

當終端機畫面上跳出以下訊息時，就代表部署大負大功告成：

✔  Deploy complete!

Project Console: https://console.firebase.google.com/project/ai-tutor-system-19903/overview
Hosting URL: https://ai-tutor-system-19903.web.app

【實戰踩坑與除錯紀錄】

在今天的部署過程中，我們也遇到了幾個小狀況：

• 狀況一：找不到 Firebase 專案（Error: There are no Firebase projects associated with this account）
  • 原因：終端機登入的快取帳號與網頁端建立專案的帳號未對齊。
  • 解法：先執行 firebase logout，再重新執行 firebase login，確保在網頁授權時選擇正確的開發者帳號。
• 狀況二：覆寫檔案保護（File public/index.html already exists. Overwrite?）
  • 原因：Firebase 初始化時詢問是否要覆寫現有的首頁。
  • 解法：切記選擇 N (No)，以完美保留我們辛苦寫好的前端 AI 助教介面，避免被系統預設頁面覆蓋。

【未來教育反思】

讓教育科技真正落實的關鍵不在於程式碼有多麼高深，而在於「能不能讓使用者（老師與學生）隨時隨地輕易接觸」。

過去學校老師想要導入一項 AI 工具，常常卡在伺服器架設、網域申請與維護成本的高牆外。而透過 Firebase Hosting 這種免維護、高穩定且具備全球 CDN 加速的雲端託管服務，我們能夠用最低的成本，將為特定課程打造的 AI 助教快速發布給班上的每一位學生，讓個人化教育的普及成為可能。

【明日預告】

我們的 AI 助教現在已經擁有專屬的線上公開網址（[https://ai-tutor-system-19903.web.app]）了！明天我們將進入第 16 天，挑戰 【Firebase】整合 Firestore：將學生的對話與錯題紀錄存入雲端，讓助教不只會回答問題，還能幫學生記住每一次的學習足跡。