THE3RDTRAINER/Homepage

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