網站部署與管理（Firebase App Hosting）

App Hosting 基本概念

說明

此技能讓代理程式能夠使用 Firebase App Hosting 部署與管理現代化的全端網頁應用程式（Next.js、Angular 等）。

重要提醒：若要使用 App Hosting，您的 Firebase 專案必須採用 Blaze 計費方案。請引導使用者前往 https://console.firebase.google.com/project/_/overview?purchaseBillingPlan=metered 升級方案。

Hosting 與 App Hosting 的區別

選擇 Firebase Hosting 的情況：

• 您正在部署靜態網站（HTML/CSS/JS）。
• 您正在部署簡單的 SPA（React、Vue 等，不含 SSR）。
• 您希望透過 CLI 完全掌控建置與部署流程。

選擇 Firebase App Hosting 的情況：

• 您使用支援的全端框架，例如 Next.js 或 Angular。
• 您需要伺服器端渲染（SSR）或 ISR。
• 您想要一個自動化的「git push 即部署」工作流程，無需額外設定。

部署至 App Hosting

從原始碼部署

這是大多數使用者建議的流程。

1. 在 firebase.json 中設定 apphosting 區塊。

   {
     "apphosting": {
       "backendId": "my-app-id",
       "rootDir": "/",
       "ignore": [
         "node_modules",
         ".git",
         "firebase-debug.log",
         "firebase-debug.*.log",
         "functions"
       ]
     }
   }
   

2. 建立或編輯 apphosting.yaml——請參閱設定以取得更多資訊。

3. 如果應用程式需要安全存取敏感金鑰，請使用 npx -y firebase-tools@latest apphosting:secrets 指令來設定並授予 secret 存取權限。

4. 準備就緒後，執行 npx -y firebase-tools@latest deploy 進行部署。

透過 GitHub 自動部署（CI/CD）

或者，您可以設定一個連接到 GitHub 儲存庫的後端，以實現自動化的「git push」部署。此方式僅建議較進階的使用者使用，且並非使用 App Hosting 的必要條件。請參閱CLI 指令以了解更多關於如何使用 CLI 指令進行設定的資訊。

模擬

請參閱模擬以了解更多關於如何使用 Firebase Local Emulator Suite 在本機測試應用程式的資訊。