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
从源代码部署
这是大多数推荐的工作流。
-
在
firebase.json中配置apphosting块。{ "apphosting": { "backendId": "my-app-id", "rootDir": "/", "ignore": [ "node_modules", ".git", "firebase-debug.log", "firebase-debug.*.log", "functions" ] } } -
创建或编辑
apphosting.yaml——有关如何操作的更多信息,请参阅配置。 -
如果应用需要安全访问敏感密钥,请使用
npx -y firebase-tools@latest apphosting:secrets命令来设置并授予密钥访问权限。 -
准备好部署时,运行
npx -y firebase-tools@latest deploy。
通过 GitHub 自动部署(CI/CD)
或者,设置一个连接到 GitHub 仓库的后端,以实现“git push”自动部署。这仅推荐给更高级的用户,并且不是使用 App Hosting 所必需的。有关如何使用 CLI 命令进行设置的更多信息,请参阅CLI 命令。
模拟
有关如何使用 Firebase Local Emulator Suite 在本地测试应用的更多信息,请参阅模拟。