在 Google AI Studio 中构建应用

本页介绍了如何使用 Google AI Studio 快速构建（或“氛围 编程”）和部署应用，以测试 Gemini 的最新功能，例如 Nano Banana 和 Live API。Google AI Studio 支持使用全栈运行时构建 Web 应用 ，以及使用 Kotlin 和 Jetpack Compose 构建原生 Android 应用 ，所有这些都可以通过自然语言提示完成。

开始使用

在 Google AI Studio 的“构建”模式下开始氛围编程。您可以通过以下几种方式开始构建：

  • 从提示开始：在“构建”模式下，使用输入框输入您要构建的内容的 说明。选择“AI 芯片”可向提示添加特定功能，例如图片生成或 Google 地图数据。您甚至可以使用语音转文字按钮说出您想要的内容。
  • “手气不错”按钮：如果您需要创意灵感，请使用“手气不错”按钮，Gemini 将生成一个包含项目想法的提示，帮助您入门。
  • 混搭媒体库中的项目：从应用 媒体库中打开一个项目，然后选择复制应用。
  • 从 GitHub 导入项目：在“构建”模式下，从提示 输入框中的添加文件（+ 图标）菜单中选择 Import from GitHub（从 GitHub 导入），以导入现有代码。

运行提示后，您会看到必要的代码和文件生成，右侧会实时显示应用的预览效果。

创建了什么？

运行提示时，AI Studio 会创建一个完整的应用。您可以使用平台选择器选择构建 Web 应用 或原生 Android 应用 。

对于 Web 应用 （默认），AI Studio 会创建一个全栈环境，其中包括：

  • 客户端：Web 前端（默认使用 React）。
  • 服务器端：Node.js 运行时，支持安全的 API 调用、 数据库连接和 npm 软件包使用。

对于 Android 应用，AI Studio 会生成一个 Kotlin 和 Jetpack Compose 项目 ，您可以在基于浏览器的模拟器中预览该项目，将其安装在实体设备上 ，并将其发布到 Play 商店进行测试。详细了解如何构建 Android 应用。

您可以通过选择右侧预览窗格中的代码 标签页来查看生成的代码。Antigravity 智能体 可以智能地管理堆栈中的多个文件，确保更改正确传播。

Antigravity 智能体

Antigravity 智能体 是 Google Antigravity 中的主要 AI 功能，现在 智能体 Harness 的核心组件为 Google AI Studio 中的“构建”模式体验提供支持。它不仅能生成简单的代码，还能维护整个项目的上下文、管理多个文件并理解复杂的指令，从而构建稳健的全栈应用。

主要功能包括：

  • 上下文感知：维护先前提示和文件状态的上下文。
  • 多文件管理：处理多个文件之间的依赖关系。
  • 验证执行：验证代码更新以减少幻觉。

全栈功能

Google AI Studio 释放了现代 Web 生态系统的强大功能，让您不仅可以构建客户端原型。

  • 服务器端运行时和 npm ：使用 npm 软件包的庞大库。智能体会自动识别并安装应用所需的软件包（例如，用于数据可视化或 API 客户端的特定库）。您也可以根据需要请求特定软件包。
  • 密钥管理：在 设置菜单中安全地存储 API 密钥和密钥。这些密钥可在服务器端代码中访问，从而避免在客户端暴露。
  • 多人游戏：直接在 AI Studio 中构建实时协作体验。服务器端运行时管理用户一起互动所需的状态和连接。
  • Firebase Firestore 和 Authentication：自动预配和设置 Firebase，包括 Firestore 数据库（持久数据存储）和 Firebase Authentication（登录流程，特别是“使用 Google 账号登录”）。智能体会处理整个设置过程，甚至在应用中为这些服务编写代码。
  • Google Workspace 集成：将应用连接到 Google Workspace API，例如 Gmail、表格、文档、云端硬盘、日历等。AI Studio 会自动处理所有 OAuth 配置。

详细了解如何开发全栈应用

Android 应用

您还可以使用 Kotlin 和 Jetpack Compose 构建原生 Android 应用。 在基于浏览器的 Android 模拟器中预览应用，使用浏览器中的 ADB 将其安装在实体设备上，并将其发布到 Play 商店进行内部测试。

详细了解如何构建 Android 应用

继续构建

Google AI Studio 为您的应用生成初始代码后，您可以继续对其进行优化：

在 Google AI Studio 中构建

  • 使用 Gemini 进行迭代：使用构建模式 中的聊天面板，要求 Gemini 进行修改、添加新功能或更改样式。
  • 直接修改代码：打开预览面板中的代码标签页以 进行实时修改。

在外部开发

对于更高级的工作流，您可以同步或导出代码以在您偏好的环境中工作：

  • 与 GitHub 同步：将应用连接到 GitHub 代码库以启用 双向同步。您可以将 AI Studio 中提示的更改直接推送到代码库，并附上 AI 生成的提交消息，也可以将 IDE 中或队友在本地所做的更改拉回到 AI Studio 中。您可以随时在“设置”中的 GitHub 标签页中管理同步状态。
  • 下载并在本地开发：将生成的代码导出为 ZIP 文件 ，然后将其导入到代码编辑器中。

主要特性

Google AI Studio 包含多项功能，让构建过程直观且可视化：

  • 创建和迭代全栈应用：只需 一个提示即可创建全栈应用，并通过聊天或注释模式进行迭代。借助注释模式，您可以突出显示应用界面的任何部分，并描述您想要的更改。
  • 分享和部署应用：您可以与他人分享您的作品以进行 协作或展示您的作品。分享时，API 调用会计入您的使用量限制。如果您使用付费模型，可能会产生费用。然后，当您的应用准备就绪后，将其部署到 Cloud Run。
  • 应用库：应用库提供了一个项目想法的可视化库。您可以浏览 Gemini 的功能，即时预览应用，并混搭应用以打造自己的应用。

部署或归档应用

应用准备就绪后，您可以部署它：

  • Cloud Run：将应用部署为可扩缩的服务。 Google Cloud Run 的价格可能会根据使用情况 而定。如需详细了解部署，请参阅 从 Google AI Studio 进行部署。

  • GitHub：将项目与新的或现有的 GitHub 代码库同步 以管理源代码或与队友协作。

限制

本部分列出了 Google AI Studio 中“构建”模式的当前限制。

API 密钥管理

当您创建使用 Gemini API 的新应用时，AI Studio 会自动将您的 Gemini API 密钥配置为应用服务器端环境中的密钥。 您可以在密钥 面板中查看和管理此密钥。

  • 自动设置：系统会为您设置 GEMINI_API_KEY，无需手动 配置即可开始构建。
  • 仅限服务器端：API 密钥会注入到服务器端运行时中， 绝不会包含在客户端代码中。
  • 现有应用：对于在 2026 年 5 月 14 日之前构建的应用，当您下次修改应用的 Gemini 功能时，智能体会 自动将您的 Gemini API 集成升级到推荐的 服务器端方法。

在 Google AI Studio 之外进行部署

  • Cloud Run：当您从 AI Studio 部署到 Cloud Run 时，您的 API 密钥会 安全地包含在服务器端环境中。部署的应用将使用您的 API 密钥来处理所有用户的 Gemini API 调用。
  • ZIP 下载：如果您将应用下载为 ZIP 文件以在其他位置运行，则需要在托管环境中设置 GEMINI_API_KEY 环境变量。由于应用的 Gemini API 调用是从服务器端代码发出的，因此密钥不会向最终用户公开。

分享应用时出错

如果您分享应用，而最终用户在使用共享网址时遇到 403 Access Restricted （访问受限）错误，则可能是由于以下原因之一：

  • 浏览器扩展程序：Privacy Badger 等隐私扩展程序可能会阻止应用。停用该扩展程序以避免错误。
  • 构建问题：当前代码可能存在问题。提示智能体“修复当前代码中的任何构建问题”，然后重新分享网址。