Featured image of post Vibe Coding 实战:一个人如何用 AI 开发并上架一款 APP

Vibe Coding 实战:一个人如何用 AI 开发并上架一款 APP

不是专业开发者,但我用 AI 完成了一款 APP 的开发、测试和上架 Google Play 的全过程。

我不是专业开发者,但我用 AI 完成了一款 APP 的开发、测试和上架 Google Play 的全过程。这篇文章记录了我的完整经历。

一、APP的诞生

痛点

作为一名博主,每天都会有很多人,问我各种开户的问题和邀请码,我完全没时间回复。虽然,公众号开通了AI自动回复,可以根据我的历史文章内容回复,我也配置了一些关键词回复,但是很多朋友还是不知道。后来我在电报群做了Bot,入群就会发一些欢迎奖励链接,还有智能回复,但是这些消息总还是需要用户主动触发,我觉得朋友们使用的成本还是太高了。能不能可以全部把我分享过的这些邀请链接都放在一个地方,分类展示,想用的时候,随时拿走。

于是我就开始解决信息太分散的问题。

最快最省事的方式就是,把散落在各处的信息放在一个网页中。但是,现在基本上没有人用网页。后来就选了开发APP,对我个人而言也是想要看看用AI到底能做出个什么玩意儿。

产品构思

作为一名产品经理出身的我,一想到做APP,在脑海里已经有画面了,甚至怎么赚钱的美好蓝图都出来了。但是,这次我不准备按部就班的去写PRD和设计产品原型。我准备直接找Claude Code口述需求(如果直接找开发的话,可能会被刀)。AI就很听话,马上就开始和我确认开发的方案,技术选型和架构。然后,就开始写代码实现了。

当然了,我也不准备做花里胡哨的东西,就打算弄个简洁易于阅读的UI。第一个版本很简单,内容分类、内容合集、详情附带简单教程,一键跳转申请,附带邀请码,搜索,没有账号体系,用户进来直接浏览取用内容。数据埋点我还是做了,好去观察一下转化率。

MVP 思路

不做社交,不做交易,不做任何复杂功能。第一版就是一个信息聚合工具——把优惠信息整理好,展示出来,用户点击跳转到对应平台。够用就行。

二、技术选型:一个人也能全栈

一个人做 APP,最重要的原则是:能少写代码就少写,能用现成的就不自己造,能用免费的就绝不花钱。所以,就有了Flutter + Supabase + Cloudflare Workers这个架构。其中唯一花了钱的是Claude Pro,真的超值。

Flutter — 前端框架

选 Flutter 的原因很简单:一套代码同时跑 Android 和 iOS。我不想维护两套代码。

Flutter 用 Dart 语言,语法和 JavaScript/Java 都有点像,AI 对它的支持也很好——这一点在 Vibe Coding 模式下非常关键。

Supabase — 后端即服务

Supabase 是开源的 Firebase 替代品,我用它解决了所有后端问题:

  • PostgreSQL 数据库:存优惠信息、用户数据、攻略文章
  • 认证系统:Google 登录、Telegram 登录,开箱即用
  • Edge Function:用 TypeScript 写的 Serverless 函数,处理 Telegram 登录验签
  • 行级安全(RLS):数据库自带权限控制,不用写后端鉴权代码
  • 免费额度足够个人项目使用:500MB 数据库、5GB 存储、50000 次月活

Cloudflare Workers — 边缘代理

用 Cloudflare Workers 做了两件事:

  • Supabase API 代理:绑定自定义域名,方便管理
  • Telegram 登录页面托管:因为 Telegram 登录需要一个网页承载 Widget
  • 免费额度:每天 10 万次请求,完全够用

Claude Code — AI 编程助手

这是整个项目的核心工具。Claude Code 是 Anthropic 出的终端 AI 编程助手,直接在命令行里跟它对话,它能读写文件、运行命令、搜索代码。

我的开发方式基本上是:

我:“给首页加一个分类 Tab,包含热门、U卡、银行、券商、交易所、工具”

Claude Code:[直接修改代码文件,添加 Tab 组件,连接数据接口]

我:“跑一下看看”

Claude Code:[执行 flutter run]

不是让 AI 帮我写代码片段,而是让它直接改项目文件。我更像是产品经理,AI 是全栈工程师。

成本

服务费用
Supabase免费
Cloudflare Workers免费
Claude CodeClaude Pro 订阅 $20/月
Google Play 开发者账号$25(一次性)
域名已有
合计$20/月 + $25

三、开发

数据库和代码全部是由Claude Code帮我写好,过程中我只需要配合做一些手动配置。口述需求给Claude Code,然后在安卓模拟器中预览效果,一点点就做成了最终现在的样子。欢迎大家在谷歌商店上搜索"发点小财",下载使用。但是,目前你知道的Google商店,国内不能用。

四、测试

装了一个真机,一个模拟器。AI写的代码用是能用,但是细节要自己多测测,批判性的去质疑它写的东西,就会让它反思(但也有可能增加它的幻觉)。我甚至还用ChatGPT来帮我测试,以及review代码。

五、APP上架

这个部分我之前写过,感兴趣的朋友点击这篇文章链接去看。上架可以说是开发过程中最难,最让人焦虑的部分。但是,没想到会有这么多朋友支持。

六、人与 AI 的分工

不是所有事都应该交给 AI。我的分工原则:

AI 做的事:

  1. 写代码、改代码
  2. 生成 SQL
  3. 搜索 Logo、获取 App Store 信息
  4. 跑构建命令、分析报错
  5. 格式化和重构代码
  6. 写多语言翻译

我做的事:

  1. 决定做什么功能、不做什么功能
  2. 审核 AI 生成的 SQL 再执行
  3. 在真机上看 UI 效果
  4. Google Play Console 上传和发布
  5. 回复用户反馈
  6. 决定优惠信息的文案(AI 生成初稿,我改)

一句话总结:我做决策,AI 做执行。

发布个App:发点小财

封面

支持作者

在微信中阅读

暂无微信公众号链接