谷歌云 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日 · 高勉

用 ChatGPT Image2 制作 YouTube 频道横幅:AI 设计全流程

我尝试用 chatgpt image2 帮我生成一个油管频道的横幅。 它给到我的第一个图片是这样的。 我个人感觉这个图片跟我的头像不是很搭。 然后,我又将我的频道头像给到chatgpt,让它根据头像生成一个横幅。 这次的感觉,挺对味的。 然而,又有一个新的问题出现了,我将这个横幅图片放到油管频道里面,预览一下,发现这个图片的尺寸有点问题。 油管针对不同的设备,有不同的显示方案,如果在手机上,中间头像这里是没有办法显示完全的。 于是,我查了一下这里的尺寸,尝试让chatgpt帮我调整一下,但是,chatgpt并没有理解我的意思。 生成的图片,依然没有解决匹配所有的设备的尺寸问题。 好吧,我自己调整一下吧。 我在canvas里面,手动将高度定义为 414 px,比官方的高度略小了一点。接着,把这个宽度拉到最大。因为我希望这个宽度能够铺满。 中间圆形的部分,还是会遮盖住一些,不过这也没有办法,宽度和高度的比例要保持一致。否则,图片就会发生严重的变形。 接下来又有一个问题哈——光有图片,没有文字,不好看,于是,我让ai帮我想一些标题放在图片上。 ai绞尽算力,想了这么几个标题。什么IT极客频道,代码改变世界…… 我觉得这些标题,要么很平庸,要么很浮夸。只能说仅供参考,直接拿来用,恐怕是有点拿不出手。 我参考它给的灵感,自己想了一个标题——叫做极简IT。 我觉得这个比较符合我们的频道特色——通过简单通俗的语言,给大家分享IT相关的知识和技能。右侧给了一点英文,让横幅看着洋气一点。 文案敲定之后,又有一个新的问题——这个字体的样式怎么设计呢? 说实话我不太懂这个平面设计、字体设计,如果有懂哥,欢迎交流一下。 于是,我再次请教了一下 ai ,ai这里给了我一些建议。 其中,这几条建议我觉得特别不错。于是,就决定采纳它的方案。 在铺排文字的时候,我首先比对了一下,油管预览图片的尺寸。大概把握了一下,字体应该放在哪里——比方说,这个左边的字体不能超过左侧这个边界,右侧字体不能超过右侧云彩的边缘这里。 接下来,我按照ai给的字体方案,进行了一下样式的调整。 (几分钟之后) 大功告成。 怎么样,大家觉得这个借助 chatgpt 搞出来的横幅好看吗? 我不太懂平面设计哈,所以,我从门外汉的角度来看,我觉得还行,至少这个科技感,这个氛围,还是拉满的。欢迎在评论区留下您的宝贵意见。 最后,我把它上传到了油管频道上,大家可以看一下,这个是网页端的效果。这个是手机端的效果。 OK,以上就是本期分享。感谢观看,下期再见。

2026年5月1日 · 高勉

GPT-Image-2 实测:与谷歌、豆包文生图效果对比

这个是image2 生成的图片。 这个是banana 生成的图片。 这个是豆包生成的图片。 大家觉得哪个图片更好一些呢? 最近,GPT-Image-2 刷屏网络,它是OpenAI公司最新发布的文生图模型。 只需要简单打几个字,就能帮你画出连专业摄影师都看不出破绽的照片。 真实感真的是拉满了。 所以,本IT博主对这个新模型的诞生也是倍感激动,迫不及待想体验一下这个工具。 1、初始界面 打开chatgpt官网,可以看到,官网这里已经推送了更新提示。 这里,我们只要点击下一步就可以了。 另外我们可以看到,这里我用的是免费版,并没有开通plus、pro会员。 所以说,免费的账户也可以体验 image2 的使用。 2、文生图步骤 接下来,我输入框里给了它一段提示词——“请生成一个曹操在抖音直播间卖布洛芬的图片”。 经过一番等待,图片就生成了。 点击小箭头这里,会有一个弹窗,点击下载就可以顺利地下载下来。 3、赏析图片 首先这个画面的布景和ui设计,做的非常逼真,跟抖音直播间是像素级别的复刻。 画面里的字体,个别做的不是很清晰,但大部分是很到位的。 直播间的头像和观众,略微有点瑕疵。 左上角头像这里,我个人感觉,有点像孔老夫子 然后,右上角这个人有点像奥地利落榜美术生。 大家觉得呢? 这里有一些细节,蛮搞笑的。 这里显示发货地是,许昌。这个挺符合历史背景的。 左下角这里是曹魏集团文官武将对老板的支持。 曹丕说:父王带货,必须支持! 张辽说:已拍,家中常备。 典韦说:这价格太给力了。 最后,这个图片是没有水印的,这也是一个优势吧。 4、对比 接下来,我们对比一下谷歌和豆包,生成的图片。 这里也是用的同样的提示词,我们先来看一下谷歌banana模型生成的效果如何。 ok,我们来赏析一下。 这里直播间的布景和ui细节,稍微弱了一些。 不是太像我们平时在抖音看到的直播间。 字体部分,我看着大部分都还可以。个别字体,没有展示出来。 然后,这里弹幕部分比较单一,只有曹公一个人在讲话。 感觉直播间人气不是很旺。 这里右下角有点别扭,它有个水印,这个毫无疑问是谷歌添加的水印。 接下来,我们看一下豆包生成的图片,我们用的是seedream 5.0 lite 模型,也是用的同样的提示词。 豆包比较给力,一次生成了四个图片。 我们挑两个来说一下吧。 这个图片就是动画风格。其实,跟我们的预期是完全不一样的。 我觉得,可能豆包模型是想试探一下我们,想让我们筛选自己想要的风格,然后再进一步沟通优化。 字体稍微有点瑕疵,胶囊两个字没有出来,有点像二维码。 这个官帽也不太对吧?!感觉像唐朝的官帽。有没有懂哥,评论区或者弹幕来指点一下。 然后,这个图片的话,相对来说比较符合预期。 这里的字体细节,有点问题。还有弹幕这里的显示,也是存在一些细节问题。 从人物形象来看,这个官帽也有问题。汉朝的官帽应该没有这个小翅膀的。 ...

2026年4月24日 · 高勉