乐于分享
好东西不私藏

真正免费不限额!豆包+Trae+Uniapp,小程序开发全流程实战【Uniapp+DCloud+Trae完善微信小程序——产品开发篇,执行v1.1.0】

真正免费不限额!豆包+Trae+Uniapp,小程序开发全流程实战【Uniapp+DCloud+Trae完善微信小程序——产品开发篇,执行v1.1.0】

承接上文:

我和豆包一起做出了小程序~从迷茫到上线,我的副业之路

第一篇文章⬆️和大家分享了豆包让我从零启动微信小程序项目的经历,我让豆包告诉我做什么、怎么做,然后我来执行,一下午时间把小程序的静态页面搭建完成——按钮能点、页面能跳转、样式也基本符合预期、有足量的静态数据支撑用户查询,但总觉得少了点“灵魂”。

作为一个产品工作者,最大的愿望可能不是只做一个最优秀的产品,而是一定要让经手的产品活下去。

如何活下去?

💡

“豆包,市场上优秀的小程序产品是什么样的?”

请在微信客户端打开

豆包回复:

1.真实效用(用户价值)

准确命中用户高频痛点,功能闭环且可用。例:文案工具类小程序需让用户30 秒内完成投稿 / 收藏 / 分享,登录与数据留存顺畅,无卡顿、无无效入口。个人小程序需避免功能堆砌,保留核心场景。
2.稳定可靠(技术底线)
    关键流程(登录、读写云数据库、云函数调用)零报错;首页加载≤3 秒,云函数响应<1 秒;异常有友好兜底(如网络超时提示、空状态页)。个人开发者需做好日志监控与容错处理。
3.流畅体验(交互设计)
符合微信生态规范,路径清晰(1-3 步达成目标);反馈即时(点击有动效、操作有结果);视觉统一且轻量,不喧宾夺主,契合 “用完即走” 的小程序定位。
4.合规可持续(生态与商业)
严格遵守个人主体规则:无 UGC 审核、无经营属性、名称 / 文案无违规关键词。商业模式清晰且匹配生态:如会员增值、广告变现、工具付费等,不破坏用户体验。
5.可迭代与可增长(长期生命力)
具备数据埋点与反馈闭环,能基于用户行为持续优化;支持轻量化扩展(如新增分类、收藏、分享),但不增加初始加载成本;有明确的用户留存与拉新机制(如分享引导、模板消息、客服触达)。

我都没问我的小程序应该做成什么样,豆包就直接根据我们之前的计划帮我分析的相当透彻,我确实是需要完善这些信息。

于是根据以上豆包的总结信息,昨天我编写了第二篇文章,对后续需要优化的方向进行了分析与规划⬇️

Uniapp+DCloud+Trae完善微信小程序功能及变现——产品设计篇,迭代计划v1.1.0

于是今天这篇文章我们一起利用Trae来完成后续的前端样式代码、前端逻辑代码、后端接口代码、数据库配置,实现让AI帮我们进行全流程开发工作。

好的,下面进入正题,我将通过我下达的指令、AI给出的反馈、最终实现的结果、达到结果的困难程度、为什么执行这个命令五个方面来进行分享,来保证各位通过我的方法执行就可以达成最终目的。

一、将当前的原生小程序代码转化为uniapp代码(如果你还没有做,可以直接让AI按你的需求做一个uniapp项目)。

指令:帮我将当前的原生小程序代码转化为uniapp代码,并且让我可以通过HBuilder启动成微信小程序项目。

反馈:AI说无法访问项目外的文件,让我把之前的原生小程序代码放到一个文件夹中。

结果:我新建了一个文件夹old,把整个代码包放到这个old文件夹中,告诉他仿照old中的代码做一套uniapp项目。然后我摸了几分钟鱼就可以通过HBuilder打开了。

困难程度:基本不用动脑子,但会有一些细节需要多次优化,花费的时间也较少。

为什么这样做:

市面上很多AI CLI工具(如claude code)都可以帮我们完成全线开发流程,但需要付费,而且还不便宜。

它们的厉害程度已经达到“把它们直接放到线上服务器,让他们仿照某个网站完全复刻一个新的APP,一到几个小时后,你就可以对上线好的网站进行测试了”,虽然还需要优化几次细节、进行多次功能测试,但基本不需要我们过多参与(比如新建数据库、配置服务器环境等)。

而Trae这种免费的AI IDE工具也有强大的集成开发环境能力,虽然通过不停地放开权限就可以在本地环境完成所有开发工作,但是上线后的数据库配置、环境搭建就只能靠我们自己了。

而如果使用Uniapp+DCLoud云环境,Trae就可以配置云函数和云数据库的文件,只要我们在HBuilder将这些写好的配置文件上传到云环境,就相当于完成了线上服务器的所有后端工作。所以Trae+Uniapp+DCloud这个组合可以免费完成像收费AI一样的工作效率

豆包这种对话式AI就更别说了,哪里卡住了问她一下,根据她给出的解决方案完全自己执行工作。

二、根据上篇文章的需求,让豆包按功能点整合一下需求,尽量描述得比较细,约束条件越多,AI执行的结果就越趋近我们想要的。

指令:(先将Uniapp+DCloud+Trae完善微信小程序功能及变现——产品设计篇,迭代计划v1.1.0文章中的2、3、4全部复制,然后后面说:),请帮我根据以上内容整理、总结出需求点,我发给Trae执行工作。

反馈与结果:

为什么这样做:让Trae省去语言分析的流程,快速进入开发模式。先发给豆包后如果需求总结的有什么问题我们可以及时修改,如果发给Trae进行需求总结,我们就得停止Trae的运行规整需求的要求,或等Trae执行完再补充需求进行整改。

三、开通DCloud云环境

我之前开了一个月免费的DCloud云环境,跟之前的微信小程序云开发开发过程基本类似,但也有出入。

但有了AI,我们完全不用自己写,只要开通了就可以。

右键uniCloud,关联云服务空间或项目,选择之前创建好的云环境。

这样就给Trae的发挥准备好了所有支持。可以让Trae开始表演了。

但需要注意,Trae创建的云函数和云数据库都需要我们手动上传。云函数需要上传,云数据库在第一次调用接口时会自动创建,但保险起见,云数据库也要手动全部上传。

另外,Trae每次修改云函数和数据库后,也要再次更新对应的云函数和数据库。

四、将豆包总结的需求发给Trae,让Trae来执行

指令:(把第二步所有豆包的回答复制给Trae,再补充命令:),帮我按照以上需求优化项目,进行功能、页面、逻辑、数据库、云函数的新增。

反馈:Trae开始执行后,会根据我的需求点进行todo任务排期,然后就没我什么事了,等他执行完毕我进行测试即可。

结果:

运行一下项目测一下功能和页面:

各位如果不熟悉uniapp项目可以去看本系列文章:uniapp开发微信小程序-1.工具和本地环境

为什么这样做:这样能节省我们的时间,把需求一起给AI,让AI来规划制作顺序和关联。如果我们一个需求一个需求地新增,他会不断修改之前做好的数据格式和表字段,比较影响效率。

五、测试上一步需求的开发结果,将不符合心意的问题分条整合给Trae,让它进行修改直到我们满意。

(1)执行完一系列操作后无法启动项目了。

指令:

反馈:自行寻找问题并解决…

结果:修改后成功启动项目并打开页面。

为什么这样做:免费、便捷,不用担心token的消耗,所以可以做到一心二用,完全不用管这边的过程,只看结果。

(2)进入个人中心,页面比较乱,不好看。

指令:

反馈:自行寻找问题并解决…

结果:修改后自动更新项目,再次打开个人中心页面:

这样肯定不行,于是继续跟Trae说修改,发完消息就去做我自己的事,直到改到我满意。最终效果:

为什么这样做:免费、便捷,不用担心token的消耗,所以可以做到一心二用,完全不用管这边的过程,只看结果。

然后不停测试、不停修改,直到整个项目都符合我们的想法,不管是样式、逻辑、数据错误,我们都可以用大白话向Trae发送指令。

等我完成小程序项目的迭代,就更新上线让大家用一下试试,到时候请大家踊跃投稿与我互动~


我永不变的总结:

以上就是大致功能的实现流程,大家可以自行发挥试试。

下篇文章我们讲Uniapp+DCloud+Trae的上线流程,等我成功上线了我就发文章,大家到时候去积极参与投稿试用下吧:)。

在AI兴起之后,我用过三种AI IDE。

最开始大火的Cursor,后来国内字节出品免费的Trae,到后来在终端直接下达命令的CLI工具——Claude Code。

在使用Cursor时,AI IDE刚兴起还不完善,而且是国外产品,使用限制较大(比如网…),更别说新手开发者。

而Claude Code是我用过相对最好用的AI工具,因为不需要一直盯着,你发出一个最终指令,他来安排过程(这个过程不只逻辑层面,还有物理层面,因为它可以在终端控制你的电脑,权限放很大的情况下基本不需要你参与),你只需要最终测试、验证结果即可,同时输出的结果相比其他产品也更让我满意。但超级贵,是最近流行的“烧token”。

所以字节出品的Trae从使用习惯、注册便捷、经济实惠等方向都满足我本系列文章的核心——“低成本、长积累”。

这就是我选择TRAE的原因,也向各位推荐TRAE(最近每次写需求需要排好久的队,趁着羊毛还能薅,赶紧的吧;另外可以中午饭点或晚上用,这个时间用的牛马少,就不用排队)。

有什么好用、合适的此类工具,各位也给分享分享吧!

本站文章均为手工撰写未经允许谢绝转载:夜雨聆风 » 真正免费不限额!豆包+Trae+Uniapp,小程序开发全流程实战【Uniapp+DCloud+Trae完善微信小程序——产品开发篇,执行v1.1.0】

猜你喜欢

  • 暂无文章