Firebase应用托管基础教程：部署Next.js、Angular全栈Web应用

firebase-app-hosting-basics by firebase/skills

297 周安装量

182 GitHub Stars

GitHub

安装命令

npx skills add https://github.com/firebase/skills --skill firebase-app-hosting-basics

云服务 JavaScript 框架开发运维

🇨🇳中文介绍

应用托管基础

描述

此技能使智能体能够使用 Firebase 应用托管来部署和管理现代化的全栈 Web 应用程序（Next.js、Angular 等）。

重要提示：为了使用应用托管，您的 Firebase 项目必须处于 Blaze 定价计划。请引导用户访问 https://console.firebase.google.com/project/_/overview?purchaseBillingPlan=metered 以升级其计划。

托管与应用托管

在以下情况下选择 Firebase 托管：

您要部署静态站点（HTML/CSS/JS）。
您要部署简单的 SPA（React、Vue 等，无需 SSR）。
您希望通过 CLI 完全控制构建和部署流程。

在以下情况下选择 Firebase 应用托管：

您正在使用受支持的全栈框架，如 Next.js 或 Angular。
您需要服务器端渲染（SSR）或增量静态再生（ISR）。
您希望获得零配置的自动化“git push 即部署”工作流。

部署到应用托管

从源代码部署

这是大多数用户推荐的工作流程。

在 firebase.json 中配置 apphosting 块。

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

广告位招租

在这里展示您的产品或服务

触达数万 AI 开发者，精准高效

联系我们

🇺🇸English

App Hosting Basics

Description

This skill enables the agent to deploy and manage modern, full-stack web applications (Next.js, Angular, etc.) using Firebase App Hosting.

Important : In order to use App Hosting, your Firebase project must be on the Blaze pricing plan. Direct the user to https://console.firebase.google.com/project/_/overview?purchaseBillingPlan=metered to upgrade their plan.

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.

Deploying to App Hosting

Deploy from Source

This is the recommended flow for most users.

Configure firebase.json with an apphosting block.

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

Create or edit apphosting.yaml- see Configuration for more information on how to do so.
If the app needs safe access to sensitive keys, use npx -y firebase-tools@latest apphosting:secrets commands to set and grant access to secrets.
Run npx -y firebase-tools@latest deploy when you are ready to deploy.

Automated deployment via GitHub (CI/CD)

Alternatively, set up a backend connected to a GitHub repository for automated deployments "git push" deployments. This is only recommended for more advanced users, and is not required to use App Hosting. See CLI Commands for more information on how to set this up using CLI commands.

Emulation

See Emulation for more information on how to test your app locally using the Firebase Local Emulator Suite.

Weekly Installs

297

Repository

firebase/skills

GitHub Stars

182

First Seen

Feb 11, 2026

Security Audits

Gen Agent Trust HubPass SocketPass SnykPass

Installed on

gemini-cli287

codex285

opencode285

github-copilot280

amp278

kimi-cli278