SKILL.md
readonlyread-only
name
firebase-hosting-basics
description
用於 Firebase Hosting (Classic) 的技能。當您想要部署靜態網頁應用程式、單頁應用程式 (SPA) 或簡單的微服務時使用。請勿用於 Firebase App Hosting。
hosting-basics
此技能提供使用 Firebase Hosting 的說明與參考資料,Firebase Hosting 是一個快速且安全的網頁應用程式、靜態與動態內容以及微服務代管服務。
概述
Firebase Hosting 為開發人員提供生產級別的網頁內容代管服務。只需一個指令,您就可以部署網頁應用程式,並將靜態與動態內容提供給全球 CDN(內容傳遞網路)。
主要功能:
- 快速內容傳遞: 檔案快取在全球 CDN 邊緣節點的 SSD 上。
- 預設安全: 內建零設定 SSL。
- 預覽頻道: 在正式部署前,透過臨時預覽網址檢視與測試變更。
- GitHub 整合: 透過 GitHub Actions 自動化預覽與部署。
- 動態內容: 使用 Cloud Functions 或 Cloud Run 提供動態內容與微服務。
Hosting 與 App Hosting 的比較
選擇 Firebase Hosting 如果:
- 您要部署靜態網站(HTML/CSS/JS)。
- 您要部署簡單的 SPA(React、Vue 等,不含 SSR)。
- 您希望透過 CLI 完全掌控建置與部署流程。
選擇 Firebase App Hosting 如果:
- 您使用支援的全端框架,例如 Next.js 或 Angular。
- 您需要伺服器端渲染 (SSR) 或 ISR。
- 您想要自動化的「git push 即部署」工作流程,無需額外設定。
使用說明
1. 設定 (firebase.json)
有關設定 Hosting 行為的詳細資訊,包括公開目錄、重新導向、改寫規則與標頭,請參閱 configuration.md。
2. 部署
有關部署網站、使用預覽頻道以及管理版本的說明,請參閱 deploying.md。
3. 模擬
在本機測試應用程式:
npx -y firebase-tools@latest emulators:start --only hosting
預設情況下,這會在 http://localhost:5000 提供您的應用程式。






