‹ 首页

firebase-app-hosting-basics

@firebase · 收录于 2 周前 · 上游提交 今天

Deploys and manages full-stack web applications (Next.js, Angular) with Server-Side Rendering (SSR) using Firebase App Hosting. Use when deploying Next.js/Angular apps, configuring apphosting.yaml or firebase.json apphosting blocks, managing secrets, setting up GitHub CI/CD, or configuring Blaze billing requirements. Don't use for classic static web hosting, Auth, Firestore, Crashlytics, or Xcode.

场景应用部署ci/cd配置

适合你，如果你正在用 Firebase 部署 Next.js 或 Angular 全栈应用

/ 下载安装
https://github.com/firebase/agent-skills/tree/main/skills/firebase-app-hosting-basics ↗
/ 通过 npx 安装 校验哈希
npx oh-my-skill add firebase/agent-skills/firebase-app-hosting-basics
/ 通过 bash 安装
curl -fsSL https://oh-my-skill.com/install.sh | bash -s -- firebase/agent-skills/firebase-app-hosting-basics
/ 已经装过?验证本机副本,不用重装
npx oh-my-skill verify firebase/agent-skills/firebase-app-hosting-basics
安装目标可用 --agent / --scope 或 --to 明确指定;省略时只会在唯一已存在的 agent 目录上自动选择,零命中或多命中会停止并提示。content_hash 缺失或不一致均拒装。
–GitHub stars
~565最小装载
~1.9K含声明引用
~1.9K文本包总量
索引托管

怎么用

商店整理自技能原文 · 版本 bd1ed97 · 表述以原文为准
它做什么

Claude 可以帮你部署和管理基于 Next.js 或 Angular 的全栈 web 应用，包括配置 firebase.json 和 apphosting.yaml、管理敏感密钥、执行部署命令。

什么时候触发

当你要求部署 Next.js/Angular 应用、配置 apphosting.yaml 或 firebase.json 的 apphosting 块、管理 secrets 等时触发。

装好后可以这样说
Claude 会引导你完成部署流程。
Claude 会创建或修改该文件。
Claude 会使用 CLI 命令管理 secrets。
技能原文 SKILL.md作者撰写 · Apache-2.0 · bd1ed97

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.

  1. Configure firebase.json with an apphosting block.

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

  1. Create or edit apphosting.yaml- see [Configuration](references/configuration.md) for more information on how to do so.
  2. 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.
  3. 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](references/cli_commands.md) for more information on how to set this up using CLI commands.

Emulation

See [Emulation](references/emulation.md) for more information on how to test your app locally using the Firebase Local Emulator Suite.

按 Apache-2.0 许可原样转载,未经改动 · 在 GitHub 查看 →

评论

登录即可评论;带「已验证安装」的,是发布者名下有本店的安装或持有记录。
…