将 Web 框架与 Hosting 集成

Firebase Hosting 可与 Angular 和 Next.js 等主流的现代 Web 框架集成。将 Firebase Hosting 和 Cloud Functions for Firebase 与以下各项搭配使用 因此您可以在自己的首选框架中开发应用和微服务 然后在安全的代管式服务器环境中进行部署。

此功能目前尚处在早期预览版阶段，在该阶段，我们提供以下功能：

  • 部署由静态 Web 内容构成的 Web 应用
  • 部署使用预呈现/静态网站生成 (SSG) 功能的 Web 应用
  • 部署使用服务器端呈现 (SSR) 功能的 Web 应用，该功能可按需实现完整的服务器呈现

Firebase 通过 Firebase CLI 提供此功能。初始化时 Hosting，则可以提供新集群或现有集群的相关信息 Web 项目，而 CLI 会为您选择的 Web 设置合适的资源 框架。

准备工作

在开始将应用部署到 Firebase 之前，请先了解以下要求和相关选项：

  • Firebase CLI 12.1.0 或更高版本。请务必 安装 CLI 使用您偏好的方法
  • 可选：在 Firebase 项目中启用结算功能（如果您计划使用 SSR，则必须完成此操作）

在本地提供内容

您可以按照以下步骤在本地测试集成：

  1. 从终端运行 firebase emulators:start。这会构建您的应用 使用 Firebase CLI 提供该资源。
  2. 使用 CLI 返回的本地网址（通常是 http://localhost:5000）打开您的 Web 应用。

将您的应用部署到 Firebase Hosting

当您准备好将更改共享给全世界用户后，将您的应用部署到实际网站：

  1. 从终端运行 firebase deploy。
  2. 通过 SITE_ID.web.app 或 PROJECT_ID.web.app（如果您设置了自定义网域，也可以通过您自己的网域）检查您的网站。

后续步骤

请参阅适用于您的首选框架的详细指南：