我的 AI 员工们开发的微信小程序上线了!🎉🎉🎉
我让我的 AI 员工开发了一个微信小程序,并且我将它上线了,欢迎围观👇
让我来介绍下这个小程序!小程序名以我女儿命名,叫乐柠壁纸,但可惜乐柠两个字涉及商标问题,所以改了个名字叫努小柠壁纸馆。
它完全由 AI 员工开发的, 客户端的所有代码都是 AI 写的, 服务器后端是我自己写的,但我也已经让 AI 员工负责一些外围服务器代码了,例如完善一下 API 请求参数的校验以及编写测试案例。
使用到的 AI 编辑器员工有:通义灵码(vscode),Cline(vscode),Trae。
用到的 AI 大模型员工有:DeepSeek-V3,Claude3.7,qwen2.5-max(beta),qwq-plus(简单体验了一下)。
小程序整体的逻辑不算复杂,但麻雀虽小五脏俱全,包括了图片展示,图片预览,图片下载,登录,界面跳转,用户信息展示等内容。
总的来说 AI 员工们已经可以开发一些简单的微信小程序了,虽然还有很多不完善的地方,但已经可以完成简单的内容并且推出一个 MVP 产品。
接下来是我与我的 AI 员工们开发这个微信小程序的过程。
在项目正式开始之前面临的第一个问题是技术选型,主要有三个选择:
首先排除的是原生开发,因为我不太想有一个只能在微信上运行的小程序项目,即使暂时没有跨平台的需求,但考虑到未来可能会有跨平台的需求,因此选择了在框架之上进行开发。
而 uniapp 和 Taro 之间的选择主要是 vue 和 React 之间的抉择了,我个人更倾向于写 React,但考虑到 uniapp 社区更活跃,因此选择了 uniapp,也就是说如果 Taro 社区活跃起来我肯定会选择 Taro!
技术选型好后就是项目初始化了, 首先通过 https://github.com/dcloudio/uni-preset-vue.git 的 vite-ts 分支初始化项目,修改名字,删除无关的安卓权限之类的, 紧接着开始设计一个初版的 UI。
在立项的时候刚好是 Cursor+Claude 设计专业原型图火热的时候,到处都是在说用 Cursor 设计了多好看多专业的 UI,但我的做法比较简单,直接找一个界面好看的小程序截图,然后将截图发给 Trae(Claude3.7 大模型),让他帮我编写对应的代码完成界面。
至此我的微信小程序雏形就出来了。
后续就是不断鞭策 AI 员工们干活,出现 BUG 时耐心鼓励 AI 员工不要放弃,继续 fix bugs,直到小程序的 MVP 完成。
在小程序的整个开发过程中并不是一帆风顺的,下面是遇到的一些问题:
整个过程是需要不断和 AI 进行对话,遇到问题则解决问题,并不是说"给 AI 一句话就能够生成一个可以直接上线可运行的小程序",也许在未来可以,但至少现在还不行。
这里简单放两个图:
通义灵码 qwq-plus 错误将占位符当成正常的代码变更:
Trae 提示模型响应失败:
在可预见的未来,一些简单的产品已经可以让 AI 来开发了,虽然很多地方不完善,但做一个 MVP 来快速验证想法是完全可行的。但需要警惕现在各种 xx 分钟内开发出一个 yy 产品之类的营销文章,也许 AI 真的能够在 xx 分钟能做出一个好看的界面,但是否真正有一些数据交互逻辑,能够达到生产级应用的水平,还需要进一步的验证。
我还使用这个小程序为我的网站实现了微信扫一扫登录
的功能,如果你正在为你的网站添加微信扫一扫登录
的功能可以来对接我这个小程序进行登录你的网站。