firebase-hosting-basics

firebase-hosting-basics

熱門

用於 Firebase Hosting (Classic) 的技能。當您想要部署靜態網頁應用程式、單頁應用程式 (SPA) 或簡單的微服務時使用。請勿用於 Firebase App Hosting。

357星標
71分支
更新於 2026/6/20
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 提供您的應用程式。