firebase-app-hosting-basics

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. 在 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 在本地测试应用的更多信息，请参阅模拟。