0基础0成本,如何2小时上线小程序?
本文介绍了零基础制作微信小程序的完整流程,使用免费AI工具组合完成开发。首先通过Claude快速生成Web版原型程序,然后利用通义灵码将HTML代码转换为小程序格式,遇到问题时借助ChatGPT解决疑难杂症,最后返回Claude进行最终调整。整个过程展示了AI协作开发的典型模式:需求提出-草稿生成-结果修正-工具切换。作者特别指出,免费方案需要更多时间投入,且不同AI工具的能力差异明显(Claud
本期任务
1.制作一个微信小程序
2.适合没有任何代码经验的小白
3.只使用免费的AI模型
使用到的工具
1.Claude(https://claude.ai)
2.本地编辑工具(比如PyCharm、VS code)+通义灵码插件
3.微信开发者工具-官方发布工具
4.chatGPT(https://openai.com/)-- 备用,非必须

前提条件
先根据官网提示创建一个小程序号,有了小程序号才能上线程序,有疑问可以问最近铺天盖地发红包的腾讯元宝(我加起来都没领到1元

,卸了卸了~)。
如果要真正学习小程序开发,也可以看看官方开发文档:
(https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/bind/bi)
据我的经验,写个HelloWorld的初始代码容易,要搞懂那些前端框架,0基础估计……学不会
。

第一站:Claude制作Web程序
打开Claude(https://claude.ai),告诉它你的需求,比如我这里是制作一个“AI模型部署资源计算器”。
提示词例子:帮我编写一个网页程序,计算模型部署需要多少资源。要求主要选项通过下拉列表输入,比如模型种类,需包含Qwen、deepseek、llama各种主流模型,精度、上下文、并发量、延迟等根据最佳实践给出默认值,用户也可以通过下拉列表改变这些值。输出结果包括显存大小和常见显卡的组合方案(多少块V100、A100)、带宽等。要求附上计算依据。

号称最强代码AI的Claude很快就给我创建了web版原型,web版的好处是可以在聊天框右侧实时看到效果。接下来的几轮对话,我又告诉它计算的逻辑,修正显示功能,增加显卡的种类。它现在能根据我选择的主流模型、推理精度、并发数、上下文长度等条件,计算出合适的显卡搭配方案,并选出最推荐方案(可获取性嘛,不针对我们),列出计算依据。

正当我想提出更多需求时,Claude提示免费额度(token)用尽,要继续使用要么升级,要么过5小时再来。升级的好处除了获得更多的聊天额度,还可以在开发工具中使用Claude code(相当于帮你编码的程序员),但这跟我们标题的0成本相违背,坚决不干

。

第二站:通义灵码-翻译成小程序
Claude制作的Web程序是html文件,它可以直接在电脑浏览器打开,但不能在微信小程序中运行。通义灵码相当于阿里的AI程序员,跟Claude code是同行,主要用千问的AI模型,免费用户每月可以用50轮智能体对话。我的目的是用这个AI程序员把html程序移植到微信小程序。通义灵码插件在如何在个人电脑上搭建和使用大模型(入门篇)也介绍过。
微信开发者工具是在个人电脑上开发微信小程序的应用(下载地址https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html),不支持安装通义灵码插件。我们先用微信开发者工具新建一个项目,然后用Pycharm打开新建的微信小程序的项目目录,在通义灵码中,附上Claude写的calculator.html,让它写一个功能相同的微信小程序,代码完成后,就能在微信开发者工具的调试窗看到效果,也可以连接真机测试。

第一轮效果,通义灵码创建了必要的项目目录和文件,但新加的页面没显示出来。告诉它问题后,能成功加载资源计算器页面,但所有下拉列表都没有数值,显存计算结果显示NaN(就是算不出)。它是只克隆了样式吗?我逐条告诉它,哪哪哪不对,它勤勤恳恳写了一版又一版,每次都说“我明白啦,微信小程序的picker应该……”,但结果还是跟原版Web程序相去甚远,速度还老慢,不知跟今天千问请喝奶茶、模型使用人数多有没有关系,我通义灵码选用的是“智能体”,也不知它调了哪些模型。反正看起来不太智能

,效果不想贴了。
第三站:chatGPT疑难杂症
经过了十几轮调试,通义灵码还是没解决问题,它开始自暴自弃乱改代码,本来正常的界面也被改乱了(开发过程中记得备份啊~)。我无奈之下求助Open AI的chatGPT。我把可能需要改动的几个微信小程序的代码文件传到chatGPT的对话框,告诉它有哪些问题。chatGPT信心十足的告诉我问题出在哪里,应该如何解决,但它不能直接把改好的文件给我。我把chatGPT的建议贴给通义灵码,灵码恍然大悟虚心受教,总算成功解决了问题!但chatGPT今天的免费额度也被我用完了(一视同仁不充值),只能继续用低级的模型聊天,不能继续上传附件改代码。

第四站:Claude最后调整
几轮调试下来,Claude的免费额度也刷新了,告诉它剩余问题,它心领神会,刷刷刷改好,列出所有文件供我下载,大家都是AI,智商不在一个档次啊

。所以标题说的2小时,是指Claude能用的2小时,它罢工的5小时,通义灵码除了第一版移植平台代码有模有样,后面让它修正的,它有心无力。腾讯官方的AI程序员是CodeBuddy,可以在微信开发者工具安装插件,我安装后启动错误,用过的麻烦反馈一下好不好用。
最终效果
微信开发者工具点击上传,微信公众平台登陆小程序号,点击【版本管理】->发布,我这个自己测试用的,就不发布了,选择了【设为体验版】,效果如下,有兴趣可以私信我体验。



点击“计算资源”需求按钮后,显示显存计算结果和推荐显卡配置方案(大概计算,非专业版)。


如配置不合理,底部会显示警告⚠️和优化建议(这是Claude根据经验自由发挥)。

总结
AI写代码这件事,本质就是你出需求,它出草稿,你盯结果,不行就换一个AI再来一次。想省钱,就多花点时间,想省时间,就多花点钱💰。
更多推荐



所有评论(0)