我的 AI 员工们开发的微信小程序上线了!

概述

公众号原文: https://mp.weixin.qq.com/s/W7DBJwi-IYwdCiwXKIHsGA

公众号原文

(咋回事,markdown 失效了)

我让我的 AI 员工开发了一个微信小程序,并且我将它上线了,欢迎围观 👇

miniproblemwallpaper1.jpeg

让我来介绍下这个小程序!小程序名以我女儿命名,叫乐柠壁纸,但可惜乐柠两个字涉及商标问题,所以改了个名字叫努小柠壁纸馆。

它完全由 AI 员工开发的, 客户端的所有代码都是 AI 写的, 服务器后端是我自己写的,但我也已经让 AI 员工负责一些外围服务器代码了,例如完善一下 API 请求参数的校验以及编写测试案例。

使用到的 AI 编辑器员工有:通义灵码(vscode),Cline(vscode),Trae。

用到的 AI 大模型员工有:DeepSeek-V3,Claude3.7,qwen2.5-max(beta),qwq-plus(简单体验了一下)。

小程序整体的逻辑不算复杂,但麻雀虽小五脏俱全,包括了图片展示,图片预览,图片下载,登录,界面跳转,用户信息展示等内容。

总的来说 AI 员工们已经可以开发一些简单的微信小程序了,虽然还有很多不完善的地方,但已经可以完成简单的内容并且推出一个 MVP 产品。

过程

接下来是我与我的 AI 员工们开发这个微信小程序的过程。

技术选型

在项目正式开始之前面临的第一个问题是技术选型,主要有三个选择:

  1. 微信小程序原生开发
  2. uniapp
  3. Taro

首先排除的是原生开发,因为我不太想有一个只能在微信上运行的小程序项目,即使暂时没有跨平台的需求,但考虑到未来可能会有跨平台的需求,因此选择了在框架之上进行开发。

而 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 员工们干活

后续就是不断鞭策 AI 员工们干活,出现 BUG 时耐心鼓励 AI 员工不要放弃,继续 fix bugs,直到小程序的 MVP 完成。

问题

在小程序的整个开发过程中并不是一帆风顺的,下面是遇到的一些问题:

  1. Cursor/Trae 会将代码改乱,例如缺失了某个结尾的元素 导致整个小程序无法运行,Cursor 我没有使用,但我向使用 Cursor 的朋友确认过,他们也遇到了类似的问题。
  2. 大模型会生成一些重复代码,例如有多个 onMounted 方法,因此导致逻辑执行了多次。
  3. Trae 在代码生成和代码应用的时候会发起网络请求并且非常的慢,导致整个开发过程非常的缓慢。
  4. Trae 应用代码的时候报错了,提示文件太大(单文件代码行数 800 行左右),导致无法继续下去。
  5. 等待 Trae 生成代码一段时间后,Trae 告诉我模型响应失败,请稍后重试。
  6. Claude3.7 在我使用过的多个大模型当中是写代码最强的大模型,能够很准确的理解我的意思并且给出解决方案,但由于我没有付费 Cursor 并且因为 Trae 本身有一些问题因此导致我没有更多的体验 Claude3.7 的强大之处。但无论如何,感谢 Trae 免费提供 Claude3.7 大模型的使用.
  7. 通义灵码 qwq-plus 在一次对话中生成的代码出现了 BUG,在应用 diff 代码过程中将不需要修改代码的占位符直接应用了,请看后面截图了解杰作。
  8. Cline 消耗 Token 非常快,几个小时我就花光了阿里云免费提供的 100 万 Token,因此在这个小程序的后续开发过程我放弃了 Cline。但 Token 消耗太快可能是因为我没有做任何 Token 使用优化,而且也可能和我使用习惯有关。我在使用时开了多个项目,并且打开了多个 vscode 窗口,后续可以看看如何更好的使用 Cline。

整个过程是需要不断和 AI 进行对话,遇到问题则解决问题,并不是说"给 AI 一句话就能够生成一个可以直接上线可运行的小程序",也许在未来可以,但至少现在还不行。

这里简单放两个图:

通义灵码 qwq-plus 错误将占位符当成正常的代码变更:

Trae 提示模型响应失败:

最后

在可预见的未来,一些简单的产品已经可以让 AI 来开发了,虽然很多地方不完善,但做一个 MVP 来快速验证想法是完全可行的。但需要警惕现在各种 xx 分钟内开发出一个 yy 产品之类的营销文章,也许 AI 真的能够在 xx 分钟能做出一个好看的界面,但是否真正有一些数据交互逻辑,能够达到生产级应用的水平,还需要进一步的验证。

最后的最后

我还使用这个小程序为我的网站实现了 微信扫一扫登录 的功能,如果你正在为你的网站添加 微信扫一扫登录 的功能可以来对接我这个小程序进行登录你的网站。

  • 创造

    你创造的作品可能会帮助到很多人,如果是开源项目的话就更赞了!

    183 引用 • 1010 回帖
  • 小程序
    78 引用 • 220 回帖 • 2 关注
  • 壁纸
    14 引用 • 78 回帖
1 操作
yp 在 2025-03-25 12:06:10 更新了该帖

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
yp
开源爱好者, 云原生爱好者。欢迎关注公众号:四颗咖啡豆 Pulsar爱好者 K8S爱好者