使用 Firebase Studio 发布应用

Firebase Studio 提供多种发布选项，方便您选择最适合项目需求的方法。以下是各发布选项的简要说明：

  • Firebase App Hosting：适合发布动态 Next.js 和 Angular 应用，App Hosting 提供内置框架支持、GitHub 集成，以及与 Firebase Authentication、Cloud Firestore 和 Firebase AI Logic 等 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 发布并监控您的应用

在工作区中测试并确认应用符合预期后，您可以使用 Firebase App Hosting 将其发布到网络。

当您设置 App Hosting 时，Firebase Studio 会为您创建一个 Firebase 项目（如果尚未通过自动生成 Gemini API 密钥来创建），并引导您完成关联 Cloud Billing 账号的操作。

如需发布应用，请执行以下操作：

  1. 点击发布以设置 Firebase 项目并发布您的应用。系统会显示发布您的应用窗格。

  2. 在 Firebase 项目步骤中，App Prototyping agent 会显示与工作区关联的 Firebase。如果在 Gemini API 密钥生成期间未创建项目，系统会为您创建一个新项目。点击 Next 以继续操作。

  3. 在关联 Cloud Billing 账号步骤中，选择以下任一选项：

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

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

  4. 点击下一步。Firebase Studio 会将结算账号绑定到与您工作区关联的项目，该项目是在您自动生成 Gemini API 密钥或点击发布时创建的。

  5. 点击设置服务。App Prototyping代理开始预配 Firebase 服务。

  6. 点击立即发布。Firebase Studio 会设置 Firebase 服务。此步骤可能需要几分钟才能完成。如需详细了解幕后发生的情况，请参阅 App Hosting 构建流程。

  7. 发布步骤完成后，应用概览会显示一个网址和由 App Hosting 可观测性功能赋能的应用数据分析。如需使用自定义域名（如 example.com 或 app.example.com）替代 Firebase 自动生成的域名，可在 Firebase 控制台中添加自定义域名。

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

使用 App Hosting 可观测性功能监控您的应用

Firebase Studio中的应用概览面板提供了有关应用的关键指标和信息，让您可以使用 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. 在后端信息部分，点击管理。系统会加载网域页面。

    3. 在域名旁边，点击更多 ，然后选择停用域名，并确认。

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

Firebase Hosting

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

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

如需从 Firebase Studio 在 Firebase Hosting 上部署应用，请执行以下操作：

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

  2. 点击导航窗格中的 Firebase Studio 图标以打开 Firebase Studio 面板，然后展开 Firebase Hosting 部分。

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

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

  5. 如需部署应用，请点击 Firebase Studio 面板的 Firebase Hosting 部分中的部署到生产环境或部署到渠道。

Cloud Run

在使用 Cloud Run 进行部署之前，请务必设置 Google Cloud 项目并启用 Cloud Billing。

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

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

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

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

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

后续步骤