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）。
• 您正在部署简单的 SPA（React、Vue 等，不带 SSR）。
• 您希望通过 CLI 完全控制构建和部署流程。

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

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

部署到 App Hosting

从源代码部署

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

1. 使用 apphosting 块配置 firebase.json。

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

1. 创建或编辑 apphosting.yaml；请参阅 [配置](references/configuration.md) 以了解更多如何执行此操作。
2. 如果应用需要安全访问敏感密钥，请使用 npx -y firebase-tools@latest apphosting:secrets 命令来设置密钥并授予访问权限。
3. 准备好部署时，请运行 npx -y firebase-tools@latest deploy。

通过 GitHub 自动化部署（CI/CD）

或者，设置连接到 GitHub 仓库的后端，以实现自动化的“git push”部署。这仅推荐给更高级用户，也不是使用 App Hosting 所必需的。请参阅 [CLI 命令](references/cli_commands.md) 以了解如何使用 CLI 命令设置此流程。

模拟

请参阅 [模拟](references/emulation.md) 以了解如何使用 Firebase Local Emulator Suite 在本地测试您的应用。