Community编程与开发github.com

momabrouk18-eng/Website

部署和管理使用 Firebase App Hosting 的全栈 Web 应用程序(Next.js、Angular),支持服务端渲染(SSR)。适用于部署 Next.js/Angular 应用、配置 apphosting.yaml 或 firebase.json 中的 apphosting 块、管理密钥、设置 GitHub CI/CD 以及配置 Blaze 付费要求。不适用于静态网站托管、Auth、Firestore、Crashlytics 或 Xcode。

Website 是什么?

该技能使 AI 代理能够使用 Firebase App Hosting 部署和管理现代全栈 Web 应用程序,特别适用于 Next.js 和 Angular 等支持服务端渲染 (SSR) 的框架。它支持从源代码部署以及通过 GitHub 进行自动化 CI/CD 部署,并提供详细的配置指南,包括 `firebase.json` 中的 apphosting 块和 `apphosting.yaml` 文件的设置。使用此技能的前提是 Firebase 项目必须处于 Blaze 付费计划中。技能还涵盖了密钥管理、本地模拟和部署命令,帮助开发者在各种平台上高效地发布和管理全栈应用。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/momabrouk18-eng/Website/tree/HEAD/.agents/skills/firebase-app-hosting-basics

Installed? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

App Hosting 基础

描述

此技能使代理能够使用 Firebase App Hosting 部署和管理现代全栈 Web 应用程序(Next.js、Angular 等)。

重要提示:要使用 App Hosting,您的 Firebase 项目必须处于 Blaze 付费计划中。请引导用户访问 https://console.firebase.google.com/project/_/overview?purchaseBillingPlan=metered 以升级其计划。

Hosting 与 App Hosting 的比较

在以下情况下选择 Firebase Hosting:

  • 您正在部署静态网站(HTML/CSS/JS)。
  • 您正在部署简单的单页应用(React、Vue 等,无 SSR)。
  • 您希望通过 CLI 完全控制构建和部署过程。

在以下情况下选择 Firebase App Hosting:

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

部署到 App Hosting

从源代码部署

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

  1. 在 firebase.json 中配置 apphosting 块。

    {
      "apphosting": {
        "backendId": "my-app-id",
        "rootDir": "/",
        "ignore": [
          "node_modules",
          ".git",
          "firebase-debug.log",
          "firebase-debug.*.log",
          "functions"
        ]
      }
    }
    
  2. 创建或编辑 apphosting.yaml——有关如何操作的更多信息,请参阅配置。

  3. 如果应用需要安全访问敏感密钥,请使用 npx -y firebase-tools@latest apphosting:secrets 命令来设置并授予密钥访问权限。

  4. 准备好部署时,运行 npx -y firebase-tools@latest deploy。

通过 GitHub 自动部署(CI/CD)

或者,设置一个连接到 GitHub 仓库的后端,以实现“git push”自动部署。这仅推荐给更高级的用户,并且不是使用 App Hosting 所必需的。有关如何使用 CLI 命令进行设置的更多信息,请参阅CLI 命令。

模拟

有关如何使用 Firebase Local Emulator Suite 在本地测试应用的更多信息,请参阅模拟。

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

相关技能