当前时间: 2026-04-24 14:58:38
更新时间: 2026-04-24
分类:软件教程
评论(0)
如何和AI聊天,从0开始,制作调试发布一款小程序
①一款内置了编程大模型的安装在电脑上的可视化(GUI)编程工具。现在主流的就是字节的TRAE。其中TRAE还分为国内版和国际版。国际版会有gemini、gpt的国外AI。腾讯的codebuddy,还有国外的工具cursor。要想最轻松就上手的话,就选个字节的TRAE或腾讯的codebuddy吧。不需要科学上网,模型也都是免费的,不需要另外付费。大模型之间的能力还是有一些差距的,但是无任何成本上手体验的话,还是推荐windows下安装一款国产AI编程工具,使用它内置的。国产大模型。
不推荐claude code之类的终端命令行(CLI)工具,因为操作和查看文件不如可视化工具的文件夹工作栏和编辑器界面方便。
不过发现如果选的国内的大模型,是没有贴图按钮的,也就没法直接给它发截图并在图上批注,让它干活了。国外的gpt、gemini,claude,composer都是支持贴图的。
②微信开发者工具。安装微信开发者工具后,导入自己的小程序所在的项目文件夹。一边在AI编程工具里编辑项目,同步就可以在微信开发者工具里所见即所得进行预览和操作。可以在电脑上模拟调试或者真机调试。点击真机调试会打包编译并生成一个二维码,手机扫码就可以测试了。
③需要去微信公众平台注册并创建一个小程序,获得一个app id。开发中的小程序就可以使用这个app id上传到云端了。未正式发布前也可以进行在云上生成一个体验版。体验版可供有效数量的小程序体验成员进行体验。小程序正式发布需要进行认证和备案。个人用户需要交30块认证费,一般提交后没啥需要修改的东西的话,一天内就可以通过了。然后再进行备案,平台审核没什么问题也是一天内完成,再提交给通管局备案审核,2-3天内也可以完成。
以上三项就可以完成基本的小程序开发了。一些简单的图形和图标大模型自己就可以搜索和绘制。如果有更多需求,就需要按需加料了。以哲喵解惑小程序为例,我额外用到了
①图标,可以去阿里巴巴矢量图标库下载,基本需要的都找得到。
②音频,一些可以免费下载的网站,ai就能推荐。国外的网站比较多。
③图片、视频,要找seeddance与gemini画。就需要他们的积分或会员了。
④云服务,我需要使用SCF云函数来调用minimax的token plan,所以用到上了腾讯云的云函数服务。使用这个云函数以及云函数的编写,就全是ai自己办的了。不过云函数的配置以及编辑,第一遍在ai指导下一脸懵的终于做完以后。后续需要更改时我就一回生二回熟了,还能自己再发挥下主观能动性。
后来才发现腾讯云上的helix 助手 kiki 超灵。有了helix,轻松玩遍云平台。我当时就好奇这个助手的实现,才搜到了helix,可是腾讯只是低调内测了下就结束了。相比龙虾把人们熟悉的工作自动化,helix这样帮人做以前不会做的事会更有价值吧。
⑤ 接口服务,如果需要一些服务接口或者ai的服务,就需要购买一些接口服务或ai的token plan。感觉有了ai,一些传统的接口服务估计都不需要了吧,直接买ai的各种大模型的能力就好了。这个小程序里,我订阅的minimax的全模型token plan。可以通过文生文生成潜意识解读,问题回复,文生图提示词,并将文生图提示词发给制图大模型制作图片。
①写一个整个小程序的需求说明。可以说第一步是什么样,第二步什么样。
②ai会返回问一些问题,有问题就答复,或者它可能就直接开发出来了。把整个工程文件都写好了。我觉得可以先写,没毛病,写完了,再慢慢改。让ai做东西就是边做边写边修的过程。反正它做的快改得快,悟性强还没脾气。
③把做好的文件夹导入微信开发者工具,编译后预览试用。把各种界面瑕疵,交互优化的考虑,错误并结合开发者工具调试日志信息发给ai,让它一点点改。如果是支持截图的大模型,截个图加个批注给它,就更麻溜了。
④本地调试的差不多了,就可以真机调试了。真机调试时会对整个小程序大小以及单个文件大小有要求,报错的话,就根据报错信息修正。
⑤真机调试通过了,就可以在开发者工具里点上传 ,上传体验版到云端。会需要登录微信公众平台的小程序管理后台,做一些简单配置,比如我就需要在白名单里配置文生图云函数的url,还有minimax生成的图片下载地址的链接等,这些ai都会实现提醒并指导操作的。它其实也不会细节全对,再结合操作时各种返回的错误信息,自己思考下加让ai一块分析下都能解决。体验版上传病配置好后,就可以在手机上测试并邀请朋友一起用了。
⑥小程序认证备案后,将体验版代码提交审核,一两个工作日审核就会完成,就可以正式发布了。
之前要改版这个小程序时,把需求给了三个ai,让它们讨论设计方案。虽然需求说明里已经按最简单的要求去提,然后三个ai洋洋洒洒给了长篇大论还各种撕逼,才感觉一个简单的小功能点都能扯一大堆。但到真的开始做的时候再去看ai们的设计文档,然后自己思考了一番,发现还是考虑的太复杂。哲喵动态我只需要一个开头的欢迎,欢迎都从视频改成gif最后直接是一张静态图片。这么改一来是我发现按现有条件动态的效果并不好。视频播放有问题,改成gif能播放但是效果其实不好。还不如放一张静态图片。万花筒画出来也不好,还不如我之前版本用过一个八卦静态图匀速转动的效果,这会改动就是在八卦图中间放了一个哲喵大脸。又回到了那句话,真不是越复杂高级越好,当前条件下既简单又觉得还行那就是最好的。
这个小程序感觉还是很潦草。想想也好歹是一个从0开始手搓出来的应用。以后有更好的想法,再好好优化一下。
附上之前三个AI的设计方案讨论
