谷歌云 App Builder 完全指南:免费 Vibe Coding 一键生成并上线应用

谷歌云平台有个应用构建器的功能,这个工具真的是太强大了。 简直是 vibe coding 的天花板。 1、谷歌云注册 首先打开谷歌云官网,我们可以看到这里个提示。 每个新注册的谷歌云账号,都可以获得300美元赠金。 接下来点击登录,用谷歌的gmail邮箱,注册谷歌云。 注册成功之后,你就可以使用谷歌云的300美元赠金。 因为我的邮箱已经申请过了,所以,没办法演示了。 建议大家搜索一下“谷歌云注册”关键字,你可以搜到一大把相关的文章或视频。 2、应用构建器界面 打开谷歌云官网,找到 agent platform/studio/应用构建器,进入到应用构建器的页面。 下面的输入框,是跟ai对话的入口。 3、vibe coding 应用 (请查看视频演示:视频链接) 我在输入框里输入我的需求,让它帮我生成一个童话故事生成器。 稍等片刻,它就搞定了。 你可以在点击预览,在这里体验一下这个应用。 右上角这里是保存按钮,点击之后,你跟ai的对话就会保存,否则,关闭页面之后,这段对话就消失了。 代码这里就是ai帮你实现的代码,你可以看到项目的源代码。 右侧这里有个下载入口,点击之后,可以将整个项目的源代码下载下来。 4、应用部署 (请查看视频演示:视频链接) 点击小火箭就可以部署。 为了方便所有人都可以访问,我们这里的权限都选择公开。 点击这里的open,就可以打开应用,或者,在小火箭这里打开应用也可以。 如果,你希望其他人品尝一下你的劳动成果,你可以把链接丢给其他人访问。 另外,这个链接在手机端也可以打开。 假如,我用的时候,有bug了怎么办? 这个问题很好解决,你把问题告诉ai让它帮你解决。 之后,你点击小火箭这里的管理应用,然后点击更新应用就可以了。 5、绑定域名 (请查看视频演示:视频链接) 绑定域名首先你要有一个域名,大家可以在 Cloudflare、NameSilo、GoDaddy、阿里云、腾讯云等平台购买一个域名。 假如说,你已经拥有域名了。 你在谷歌云的导航栏这里,点击Cloud Run,接下来找这个网域映射。然后,添加映射。 请注意,这里应用的ID一定要跟你想要绑定域名的那个应用的ID,保持一致。 接下来,把域名丢进去,然后,给这个域名,添加一个子域名的字段。 接下来我们打开域名平台,我这里用的是CloudFlare。 我们选择domain,选择绑定的那个域名,选择dns,records,然后,点击右上角的 add record。 接下来,我们参照谷歌云给的提示,type、name、target 均保持一致。 其它选项保持默认即可。 点击save。 回到谷歌云,点击完成。 稍等片刻,这个域名就绑定成功了。 6、新的风暴 (请查看视频演示:视频链接) 你通过绑定的域名,直接使用这个应用的时候,就会出现error。 究其原因,是因为你的应用是部署在谷歌云平台上面。 谷歌云平台又会调用 gemini 模型。 因此,我们想要使用带有ai功能的应用时,必须要在 url 中携带 key 才能使用成功。 ...

2026年5月22日 · 高勉

AI Vibe Coding 实战:4天上线4个免费 AI Web 应用

我 vibe coding 了4个应用。 从项目梳理到上线,花了4天时间。 这些应用,具备如下优势: 1、调用ai服务。这四个应用中,有三个在后台调用了ai大模型。 2、多端均可使用。pc端,手机端都可以用。 3、成本低。开发免费,部署免费,上线免费,使用免费,无需注册appstore或者其它开发平台。 第一个应用 —— AI 智能旅游规划师 点击体验 我可以输入目的地、旅行时间、预算以及个人偏好。 这个应用就会根据我的需求,生成一份旅游规划。 无需注册,也不需要购买什么token。点开就能用。 在手机端,你同样也可以使用。两个终端的体验是一模一样的。 第二个应用 —— AI 热量计算器 点击体验 我随手拍下一个食物,把这张照片给到应用。 点击分析,它就可以帮我分析出来这个食物的热量是多少。 在电脑端、手机端都可以使用。两个终端的体验是一模一样的。 第三个应用 —— 童话故事机 点击体验 这个应用非常适合宝爸宝妈使用。 它是专门用来生成童话故事的。 你可以将童话故事的需求,放在输入框里。然后,放入一张图片。 它可以根据你的需求和图片,生成一个童话故事。 生成的故事,这里有个播放按钮,点击之后,它会把这段故事念出来。 第四个应用 —— 在线提词器 点击体验 你可以把文案放到输入框里面。 点击播放,就可以全屏滚动播出了。 按住空格或者鼠标左键,可以暂停播放。 可以调节文字的大小。 可以调节播放的速度。 转动鼠标滚动轴,可以调整播放的进度。 感谢阅读!

2026年5月20日 · 高勉

白嫖谷歌云300美元:用 Agent Platform 搭建你的专属 AI 应用

今天的文章,分享如何使用谷歌云的 agent platform 平台。 1、谷歌云 ai 平台概览 点击导航,点击左侧侧边栏,点击agent platform。这个页面就是谷歌云ai平台的概览页面。 概览这里面介绍了,ai平台用了哪些模型,集成了哪些功能。 最下面是费用统计。这里展示了,我们在ai平台的费用情况——调用了哪些模型,消耗了多少token,花了多少钱。 2、谷歌云 ai 平台问答 输入框可以进行文字,右侧可以切换模型。 右上角这里是一个保存按钮,点击之后,可以将这段对话保存下来。也可以启用自动保存功能。 请注意:一定要及时保存你跟ai的对话,否则的话,关闭网页之后,它就消失了。 右侧这里是,系统指令。作用是给 AI 立规矩,你能做什么,你不能做什么。 例如: 你是一个JSON格式转换器。 无论我输入什么,你只能返回合法的JSON代码块,严禁包含“好的”、“没问题”等解释性文字。 指令生效之后,ai响应的格式已经是json格式了。 右下角这里的迷你地图显示——问答记录。 我们也可以调用 apikey ,通过代码进行问答。 要点: 将你的服务器与谷歌云进行认证 pip指令下载谷歌ai的sdk pip install --upgrade google-genai 将代码拷贝到你的服务器上 import os os.environ["GOOGLE_CLOUD_PROJECT"] = "project-41d4b267-ddf3-4fb4-b39" os.environ["GOOGLE_CLOUD_LOCATION"] = "global" os.environ["GOOGLE_GENAI_USE_VERTEXAI"] = "True" from google import genai from google.genai.types import HttpOptions client = genai.Client(http_options=HttpOptions(api_version="v1")) response = client.models.generate_content( model="gemini-2.5-flash", contents="你是谁?从哪来?到哪去?", ) print(response.text) 具体实践请参考,我分享的视频: 视频链接 3、谷歌云 ai agent 提示代理的作用——帮你优化提示词。 ...

2026年5月14日 · 高勉