使用 Firebase Studio 发布应用

Firebase Studio 提供多种发布选项,可让您选择最符合项目需求的方法。下面简要介绍了可用选项:

  • Firebase App HostingApp Hosting 非常适合发布动态 Next.js 和 Angular 应用,提供内置框架支持、GitHub 集成以及与其他 Firebase 产品(例如 Firebase AuthenticationCloud FirestoreVertex AI in Firebase)的集成。

    如果您使用 App Prototyping agent 开发了 Next.js 应用,只需点击几下,即可直接从 Firebase Studio 发布应用。

  • Firebase Hosting:非常适合托管 Web 应用和静态 Web 内容(HTML、CSS、JavaScript、图片和其他静态资源)以及单页应用。Firebase Hosting 通过全球 CDN、免费 SSL 证书和自定义网域支持提供快速的内容传送。

  • Cloud Run:使用 Cloud Run 部署容器化应用。如果您要发布可在任何平台上运行的可扩缩且可移植的应用,这不失为一项不错的选择。

  • 其他部署选项:部署到您选择的托管解决方案,包括其他平台或您自己的服务器。

使用 Firebase App Hosting 发布和监控应用

如果您使用 App Prototyping agent 创建应用,则可以直接从 Firebase Studio 发布到 Firebase App Hosting

使用 App Hosting 发布应用

设置 App Hosting 时,Firebase Studio 会为您创建一个 Firebase 项目,并引导您完成关联 Cloud Billing 账号的步骤。

如需将应用发布到 Firebase App Hosting,请执行以下操作:

  1. 点击发布以创建新的 Firebase 项目并开始 App Hosting 设置。系统随即会显示发布应用窗格。

  2. Firebase 项目步骤中,记下为您创建的 Firebase 项目的名称,然后点击下一步

  3. 关联 Cloud Billing 账号步骤中,选择以下选项之一:

    • 选择您要关联到 Firebase 项目的 Cloud Billing 账号。

    • 如果您没有 Cloud Billing 账号或想创建一个新账号,请点击创建 Cloud Billing 账号。这会打开 Google Cloud 控制台,您可以在其中创建新的自助 Cloud Billing 账号。创建账号后,返回 Firebase Studio,然后从关联 Cloud Billing列表中选择该账号。

  4. 点击下一步Firebase Studio 会将结算账号与与您的工作区关联的项目相关联,该项目是在您自动生成 Gemini API 密钥或点击发布时创建的。然后,App Hosting 会在 Google Cloud 中为您的应用设置全托管式环境。

  5. 点击创建您的首个发布Firebase Studio 启动 App Hosting 发布。此过程最多可能需要 10 分钟才能完成。如需详细了解幕后发生的情况,请参阅 App Hosting 构建过程

  6. 发布完成后,系统会显示应用概览,其中包含网址和由 App Hosting 可观测性功能提供支持的应用数据分析。如需使用自定义网域(如 example.com 或 app.example.com)而非 Firebase 生成的网域,您可以在 Firebase 控制台中添加自定义网域。

如需详细了解 App Hosting,请参阅了解 App Hosting 及其工作原理

使用 App Hosting 可观测性监控应用

App Hosting 应用概览面板会提供有关应用的关键指标和信息,让您能够使用 App Hosting 的内置可观测性工具监控 Web 应用的性能。网站发布后,您可以点击发布来查看概览。在此面板中,您可以:

  • 点击创建发布计划以发布应用的新版本。
  • 分享指向应用的链接,或直接在访问您的应用中打开您的应用。
  • 查看应用在过去 7 天内的表现摘要,包括请求总数和最新发布版本的状态。点击查看详情,即可在 Firebase 控制台中查看更多信息。
  • 查看应用在过去 24 小时内收到的请求数量的图表,按 HTTP 状态代码细分。

如果您关闭了“应用概览”面板,可以随时点击发布重新打开该面板。

如需详细了解如何管理和监控 App Hosting 发布,请参阅管理发布和版本

回滚 App Hosting 网站

如果您已将应用的多个版本部署到 App Hosting,则可以将其回滚到某个较低版本。您也可以将其移除。

  • 如需回滚已发布的网站,请执行以下操作:

    1. Firebase 控制台中打开 App Hosting

    2. 找到应用的后端,点击查看,然后点击发布版本

    3. 在要回滚到的部署旁边,点击更多图标 ,然后选择回滚到此 build 并确认。

    如需了解详情,请参阅管理发布和版本

  • 如需从网络上移除您的 App Hosting 网域,请执行以下操作:

    1. Firebase 控制台中,打开 App Hosting,然后点击 Firebase Studio 应用部分中的查看

    2. 后端信息部分中,点击管理。系统会加载 Domains(网域)页面。

    3. 点击域名旁边的更多图标 ,然后选择停用域名并确认。

    此操作会从网络中移除您的域名。如需完全移除 App Hosting 后端,请按照删除后端中的说明操作。

Firebase Hosting

您可以从 Firebase Studio 工作区将 Web 应用发布到 Firebase Hosting。在将 Web 应用发布到 Firebase Hosting 之前,请创建 Firebase 项目并注册您的应用

如果您没有所需的 Firebase 项目权限,可以请求 Firebase 项目所有者在 Firebase 控制台的“用户和权限”页面中为您分配适当的角色。如果您对访问 Firebase 项目(包括查找或分配所有者)有疑问,请参阅权限设置和 Firebase 项目访问权限

如需从 Firebase StudioFirebase Hosting 上部署应用,请执行以下操作:

  1. 打开 Firebase Studio 工作区。如果您使用的是 App Prototyping agent,请依次点击 代码切换图标 Switch to Code(切换到代码)以打开 Code 视图。

  2. 点击导航窗格中的 Firebase Studio 图标,打开 Firebase Studio 面板并展开 Firebase Hosting 部分。

  3. 点击 Authenticate Firebase(对 Firebase 进行身份验证),然后按照终端窗口中的提示对您的 Firebase 账号进行身份验证。

  4. 点击 Initialize Firebase Hosting,然后按照终端窗口中的提示设置部署配置。

  5. 如需部署应用,请点击 Firebase Studio 面板的 Firebase Hosting 部分中的部署到正式版部署到渠道

Cloud Run

在使用 Cloud Run 进行部署之前,请确保您设置了 Google Cloud 项目并启用了 Cloud Billing

  1. 打开 Firebase Studio 工作区。如果您使用的是 App Prototyping agent,请依次点击 代码切换图标 Switch to Code(切换到代码)以打开 Code 视图。

  2. 点击导航窗格中的 Firebase Studio 图标以打开 Firebase Studio 面板,然后点击部署到 Cloud Run

  3. 选择允许此工作区使用我的 Google 账号访问 Google Cloud 资源,然后从对话框中选择已启用结算功能的 Google Cloud 项目。

  4. 点击 Firebase Studio 面板的 Cloud Run 部分中的身份验证,然后按照提示进行身份验证。

  5. 点击部署,然后按照提示设置部署配置并部署应用。

后续步骤