firebase-app-hosting-basics
Deploy and manage web apps with Firebase App Hosting. Use this skill when deploying Next.js/Angular apps with backends.
适合你,如果你在用 Firebase 部署前端应用并需要后端支持
npx oh-my-skill add firebase/agent-skills/firebase-app-hosting-basicscurl -fsSL https://oh-my-skill.com/install.sh | bash -s -- firebase/agent-skills/firebase-app-hosting-basicsnpx oh-my-skill verify firebase/agent-skills/firebase-app-hosting-basics怎么用
商店整理自技能原文 · 版本 538130c · 表述以原文为准部署和管理使用 Next.js 或 Angular 等框架构建的全栈 Web 应用,支持服务端渲染。
当用户需要部署带有后端的全栈 Web 应用(如 Next.js 或 Angular)时触发。
技能原文 SKILL.md
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.jsonwith anapphostingblock. ```json { "apphosting": { "backendId": "my-app-id", "rootDir": "/", "ignore": [ "node_modules", ".git", "firebase-debug.log", "firebase-debug.*.log", "functions" ] } } ``` - Create or edit
apphosting.yaml- see [Configuration](references/configuration.md) for more information on how to do so. - If the app needs safe access to sensitive keys, use
npx -y firebase-tools@latest apphosting:secretscommands to set and grant access to secrets. - Run
npx -y firebase-tools@latest deploywhen 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.