firebase-hosting-basics

作者： firebase

將靜態網站、單頁應用程式及微服務部署至全球CDN，並提供零配置SSL支援。支援靜態網站、單頁應用程式（React、Vue等），以及透過Cloud Functions或Cloud Run整合的動態內容。包含預覽頻道功能，可在正式部署前於臨時URL測試變更，並搭配GitHub Actions自動化流程。透過firebase.json設定路由、重新導向、重寫規則及標頭；部署前可於http://localhost:5000進行本地模擬。不適用於全端框架...

npx skills add https://github.com/firebase/agent-skills --skill firebase-hosting-basics
下載 ZIPGitHub
360

hosting-basics

This skill provides instructions and references for working with Firebase Hosting, a fast and secure hosting service for your web app, static and dynamic content, and microservices.

Overview

Firebase Hosting provides production-grade web content hosting for developers. With a single command, you can deploy web apps and serve both static and dynamic content to a global CDN (content delivery network).

Key Features:

  • Fast Content Delivery: Files are cached on SSDs at CDN edges around the world.
  • Secure by Default: Zero-configuration SSL is built-in.
  • Preview Channels: View and test changes on temporary preview URLs before deploying live.
  • GitHub Integration: Automate previews and deploys with GitHub Actions.
  • Dynamic Content: Serve dynamic content and microservices using Cloud Functions or Cloud Run.

Hosting vs App Hosting

Choose Firebase Hosting if:

  • You are deploying a static site (HTML/CSS/JS).
  • You are deploying a simple SPA (React, Vue, etc. without SSR).
  • You want full control over the build and deploy process via CLI.

Choose Firebase App Hosting if:

  • You are using a supported full-stack framework like Next.js or Angular.
  • You need Server-Side Rendering (SSR) or ISR.
  • You want an automated "git push to deploy" workflow with zero configuration.

Instructions

1. Configuration (firebase.json)

For details on configuring Hosting behavior, including public directories, redirects, rewrites, and headers, see configuration.md.

2. Deploying

For instructions on deploying your site, using preview channels, and managing releases, see deploying.md.

3. Emulation

To test your app locally:

npx -y firebase-tools@latest emulators:start --only hosting

This serves your app at http://localhost:5000 by default.

來自 firebase 的更多技能

firebase-remote-config-basics
firebase
Firebase Remote Config 的全面指南，涵蓋範本管理與 SDK 使用。當使用者需要協助設定 Remote Config、管理功能開關或動態更新應用程式行為時，請使用此技能。
officialdevelopmentapi
developing-genkit-dart
firebase
統一AI SDK for Dart，支援程式碼生成、結構化輸出、工具、流程與代理。提供核心API用於生成、工具定義、流程編排、嵌入與串流，並具備單一介面。包含8個以上外掛程式，支援LLM提供者（Google Gemini、Anthropic Claude、OpenAI GPT）、Firebase AI、模型上下文協定、Chrome瀏覽器整合，以及透過Shelf進行HTTP伺服器託管。內建CLI與本地開發UI，用於流程執行、追蹤、模型實驗等。
official
developing-genkit-go
firebase
使用 Genkit 在 Go 中開發 AI 驅動的應用程式。當使用者要求使用 Genkit 在 Go 中建置 AI 功能、代理程式、流程或工具時使用，或在處理…
official
developing-genkit-js
firebase
使用 Genkit 流程、工具及多模型支援，建構 AI 驅動的 Node.js/TypeScript 應用程式。Genkit 與供應商無關；透過外掛支援 Google AI、OpenAI、Anthropic、Ollama 及其他 LLM 供應商。使用 Zod 定義型別安全的結構化流程，執行生成請求，並在 TypeScript 中組合多步驟 AI 工作流程。需要 Genkit CLI v1.29.0 以上版本；近期重大 API 變更，請務必查閱 genkit 文件：read 與 common-errors.md 以取得當前模式，而非依賴先前知識...
official
developing-genkit-python
firebase
使用 Python 中的 Genkit 開發 AI 驅動的應用程式。當使用者詢問關於 Genkit、AI 代理、流程或 Python 中的工具，或遇到 Genkit…
official
firebase-ai-logic
firebase
客戶端Gemini整合，適用於網頁應用程式，支援多模態推論、串流及裝置端混合執行。支援純文字與多模態輸入（圖片、音訊、影片、PDF）；超過20 MB的檔案會透過Cloud Storage路由。包含自動記錄歷史的聊天會話、即時顯示的串流回應，以及強制結構化JSON輸出。透過Chrome中的Gemini Nano提供裝置端混合推論，並自動備援至雲端執行。正式環境需啟用App Check...
official
firebase-ai-logic-basics
firebase
用於將 Firebase AI Logic（Gemini API）整合至網頁應用程式的官方技能，涵蓋設定、多模態推論、結構化輸出及安全性。
official
firebase-app-hosting-basics
firebase
使用 Firebase App Hosting 搭配 Next.js、Angular 及其他支援的框架，部署與管理全端網頁應用程式。需使用 Blaze 計費方案的 Firebase 專案；支援伺服器端渲染（SSR）與增量靜態再生（ISR）工作流程。可透過 firebase.json 設定檔進行部署，並選擇性使用 apphosting.yaml 設定後端，或啟用 GitHub 整合的自動化「git push 部署」。包含透過 CLI 指令管理機密資訊，以安全存取敏感金鑰...
official