Google AI Studio 氛围编程:构建、限制与部署

如何在 Google AI Studio 的 Build 模式中做氛围编程:操作步骤、能力边界、入门版两个应用的上限,以及如何部署或导出你的应用。

常见问题

Google AI Studio 里的氛围编程(vibe coding)是什么?

它就是 Build 模式,入口在 aistudio.google.com/apps。你用自然语言描述一个应用,Gemini 生成代码,旁边会出现实时预览。根据 Google 文档,网页应用默认采用 React 前端加 Node.js 服务端运行环境,你也可以选择原生 Android 应用(Kotlin 和 Jetpack Compose)。你可以通过对话,或在预览上使用标注模式来继续调整结果。文档核查时间:2026 年 11 月。

Google AI Studio 的氛围编程免费吗?

Google 的 Build 与部署文档没有说明免费额度。文档只说,应用发出的 API 调用会计入你的使用限额,如果使用付费模型,可能会产生费用。入门版(Starter Tier)允许符合条件的账号在无需 Google Cloud 项目或结算账号的情况下发布最多两个全栈应用,但 Cloud Run 可能会根据用量收费。请在 AI Studio 的 Billing 页面查看你账号当前的费率。

如何部署在 Google AI Studio 中构建的应用?

点击右上角的 Publish(发布)。如果使用入门版,接着点击 Get Started 和 Publish App,即可获得一个 Cloud Run 网址。标准部署则需要将一个已启用结算的 Google Cloud 项目关联到你的 AI Studio 账号。你也可以把项目同步到 GitHub,或下载 ZIP 自行托管。

可以把 Google AI Studio 应用导出到 GitHub 或自己的主机吗?

可以。AI Studio 支持双向 GitHub 同步,在 Settings(设置)的 GitHub 标签页中管理,提交信息由 AI 生成,并提供 Resolve conflicts(解决冲突)对话框。你也可以下载 ZIP。如果在其他环境运行代码,需要自己设置 GEMINI_API_KEY 环境变量。

发布后的应用会暴露我的 Gemini API 密钥吗?

对于新建的网页应用,Google 文档称 AI Studio 会把 GEMINI_API_KEY 作为服务端密钥保存,可在 Secrets(密钥)面板中查看,且不会包含在客户端代码中。已部署的应用会用这个密钥处理每位访客的 Gemini 调用,因此他们的用量会计入你的限额和费用。

谁可以使用入门版发布应用?

Google 的部署页面说明,使用 Google Workspace 账号登录的账号不符合条件,拥有正在使用或曾经使用过的付费 Google Cloud 结算账号的账号、或活跃记录不足的账号同样不符合。页面还说明,客服无法override 资格限制。如果你不符合条件,请使用标准部署,并准备一个已启用结算的 Google Cloud 项目。

简短回答: Google AI Studio 的氛围编程就是 aistudio.google.com/apps 上的 Build 模式。你描述一个应用,Gemini 会写出 React 前端加 Node.js 服务端(或原生 Android 应用),你再对照实时预览不断迭代。应用跑通后,点击 Publish 部署到 Cloud Run,同步到 GitHub,或下载 ZIP。分享链接之前请先看下面的限制,因为访客的 Gemini 调用用的是你的密钥。所有细节均对照 Google 文档核查,时间为 2026 年 11 月。

Build 模式到底能做什么

Build 模式是 AI Studio 内部“提示词生成应用”的环境。根据 Google 文档:

网页应用(默认): React 前端加 Node.js 服务端运行环境,用于安全的 API 调用、数据库连接和 npm 包。智能体会按需安装依赖包。
Android 应用: 使用 Kotlin 和 Jetpack Compose,在浏览器内的模拟器中预览,可通过浏览器里的 ADB 安装到设备上,并可发布到 Play 商店进行内部测试。
内置集成: Firebase Firestore 和 Firebase Authentication(使用 Google 登录),Gmail、Sheets、Docs、Drive、Calendar 等 Google Workspace 连接(自动完成 OAuth 配置),以及由服务端运行环境处理的多人状态同步。
其他数据库: 文档说明,只要能通过网络访问,任何存储都可以使用,但受动态 IP 范围的防火墙限制。

如果你对这个概念还不熟悉,可以看看我们的解读:什么是氛围编程。Build 模式只是它的一种实现方式。

如何在 Google AI Studio 中用氛围编程做应用

打开 Build 模式。 前往 aistudio.google.com/apps,在平台选择器中选择网页应用(默认)或原生 Android。
写提示词。 描述谁会使用这个应用、主界面显示什么、要处理哪些数据。你可以用 AI Chips 添加图像生成或 Google 地图数据等功能,也可以用语音转文字来口述。如果没有思路,“I'm Feeling Lucky”会帮你生成一个创意。
或者从现有内容开始。 在 App Gallery(应用图库)中打开一个应用并选择 Copy App 进行改编,或者在提示框的 Add files (+) 菜单中使用 Import from GitHub(从 GitHub 导入)。
运行并查看预览。 生成的文件会和实时预览一起显示在右侧。Code 标签页可以查看源代码。
小步迭代。 每条消息只提一个修改。对于视觉微调,可以使用标注模式:选中界面的某个部分,然后描述你想要的改动。
处理权限。 如果应用需要摄像头、麦克风或地理位置,文档建议在 metadata.json 的 requestFramePermissions 中列出这些浏览器 API。
检查密钥。 打开 Settings 中的 Secrets 面板,查看 GEMINI_API_KEY,并添加服务端代码需要的其他密钥。
保存或上线。 同步到 GitHub、下载 ZIP,或点击 Publish。

能让初稿更理想的提示词写法

为一家小型陶艺工作室做一个预约页面。访客从列表中选择课程、选择日期,并填写姓名和邮箱。把预约请求存到 Firestore。显示一个确认页面。布局保持单列、移动端优先。不要添加登录功能。

写明数据存储位置、页面内容,以及哪些功能不要做,可以减少智能体自作主张加功能、你还得再删掉的情况。

部署与导出方式对比

方式	你能得到什么	要求(据 Google 文档)	注意事项
Publish,入门版	Cloud Run 网址,可选 your-app-name.ai.studio 子域名	符合条件的账号;无需 Google Cloud 项目或结算账号	总共最多两个服务,仅限单个 Cloud Run 区域;Workspace 账号和拥有付费 Cloud 结算的账号不符合条件
Publish,标准部署	可扩展的 Cloud Run 服务	关联到 AI Studio 且已启用结算的 Google Cloud 项目	Cloud Run 可能会根据用量收费
GitHub 同步	带提交信息的双向仓库同步	Settings 中的 GitHub 标签页	在对话框中解决合并冲突
下载 ZIP	可以在任何地方运行的代码	自行设置 GEMINI_API_KEY	托管、密钥和更新都由你自己负责

使用入门版时,发布只需三次点击:Publish、Get Started、Publish App。如果你已经有两个应用在线,就必须先取消发布其中一个,或者升级。自定义子域名先到先得,取消发布或删除后会被释放。

分享之前需要了解的限制与风险

你的密钥要为每位访客买单。 已部署的应用会用你的 Gemini API 密钥处理所有用户的调用,文档提醒,如果使用付费模型,可能会产生费用。分享前 AI Studio 会给出提示。
应用默认私有。 你分享给的人可以查看并复刻代码,拥有编辑权限的人还可以修改代码。
不支持实时协同编辑。 Google 文档说明不支持实时协作编辑,团队需要通过共享的 GitHub 仓库协作。
分享链接可能打不开。 文档提到,Privacy Badger 等隐私扩展或构建错误可能导致 403 Access Restricted 错误。
行为由你负责。 违反政策的应用可能会被下架,开发者要对应用的行为和数据负责。
旧版应用。 2026 年 5 月 14 日之前构建的应用,会在下次修改其 Gemini 功能时升级为服务端密钥方式。

我们读到的 Google 页面没有给出免费额度的请求数或 token 数,所以这里不引用任何数字。你的账号适用什么额度,请查看 AI Studio 内的 Billing 页面。

发布前:可复制的检查清单

[ ] 用全新的浏览器配置文件(而不是已登录的那个)测试,应用在预览中正常运行
[ ] 密钥放在 Secrets 面板中,而不是粘贴到代码或提示词里
[ ] 你清楚已部署的应用会用谁的 Gemini 密钥,以及访问高峰时会产生多少费用
[ ] 已检查 Firestore 或数据库规则,确保访客无法读写不该碰的数据
[ ] 已在手机宽度的屏幕上测试
[ ] 仓库已同步到 GitHub,这样 AI Studio 之外也有一份副本
[ ] 已确认入门版资格,或已准备好启用结算的 Cloud 项目

AI 生成的应用看起来可能已经很完整,实际上在校验和访问控制上存在漏洞,我们在网站氛围编程的信任缺口中对此有详细讨论。

什么时候 Build 模式不是合适的工具

Build 模式适合原型、内部工具,以及调用 Gemini 的小型交互应用。对于只需要域名、联系表单和搜索可见性的普通企业网站,这条路就显得偏重。放在 ai.studio 子域名下的 Cloud Run 服务,也不等同于一个便于做搜索优化的网站。如果你想比较更简单的托管方案,请看我们的 Google Sites 替代方案。网站上线后,再设置 Google Search Console,就能看到它的收录情况。

如果你要的是普通网站而不是定制应用,We.Inc 的免费方案允许你用现成模板发布最多三个网站;可根据提示词起草网站的 AI 构建器则从 Starter 方案起,每月 $20。你可以在这里注册。

免费开始 · 无需信用卡

Umair Ali Sadaqat

We.Inc 创始人

Umair 是 We.Inc 的创始人。他撰写有关 AI 建站、代理机构以及经营网站工作室的文章。

准备好打造出色的作品了吗？

加入 15,000+ 家使用 We.Inc 在一个平台上完成上线、增长和自动化的企业。