用AI做微信小程序的完整步骤

用AI做个小程序,一天就搞定!

全程都不用自己写代码,只要和AI聊天就行了。

我做的这个小程序叫“易说测测”。就两个页面,很简单,大家可以去搜搜看。

为什么会想做这个呢?主要是看到DeepSeek的API价格很便宜。用一次才一两分钱,这不等于不要钱嘛?于是就想搞个小程序玩玩。

用微信开发者工具把做好的东西跑起来,一般都会出错。

但不用怕!调试器里有个叫Console的地方,把里面红色的错误字都复制下来。

然后把这些错误扔给AI,问它“这咋回事?”。它就会告知你该怎么修改。真的。。。就这么简单。

整个过程里,花钱的地方也不多。主要是微信认证,要交30块钱。还有就是给DeepSeek充值,最低充10块钱就行。

我用的是VisualStudio Code这个工具,里面装了一个叫TRAE AI的代码插件。

这两个都是不要钱的。还需要安装一个叫Node。js的东西,如果不会装,直接问AI,它会教你。

和AI聊天也是有方法的。我一般会把开发任务说成四件事。

第一,这是个什么项目?我就直接说“这是一个新的微信小程序项目”。AI就会按照小程序的格式来。

第二,页面的样子。列如小程序有两个页面,第一个页面有哪些按钮、输入框,这些东西都叫啥名字,怎么放。

第三,点了按钮会发生什么?列如页面要不要跳?要不要先转个圈圈,告知别人“正在加载中”?这些都要说。

用AI做微信小程序的完整步骤

第四,具体的活儿。就是按了提交按钮之后,应该去请求哪个接口,接口要用到的关键参数是啥。像DeepSeek的APIKey和模型,直接告知AI,它自己就会写了。

TRAE有个叫Builder的功能,也算一个Agent,不懂编程最好用这个。它会问你问题,你只要回答和确认—点“Accept”或者“Run”就行了。

这样就不会一开始就把项目的目录结构搞错了,能少走许多弯路。

AI刚做出来的界面肯定不好看啊。

这时候你就可以继续跟它聊天,让它改。列如:“出生日期输入框的字要白色的,透明度百分之九十。”

它就会给你一段样式代码,用了之后,界面就真的变好看了!

整个过程实则就是一个循环:调整->发现问题->扔给AI->再调整。。。

做小程序之前,得先去微信公众号平台注册一个号,个人身份就可以。

要给小程序起个名字,不能和别人的重复。还要准备一个图标,这个我直接让AI帮我画了一个。

注册好了之后,从开发管理里能找到一个叫AppID的东西,这个要记下来,后面开发的时候要用。

用AI做微信小程序的完整步骤

小程序还需要搞一个工信部备案。

不备案虽然也能上架,但是别人在微信里搜不到你的小程序。这个备案提交后,一般三到七个工作日会通过。

用AI做微信小程序的完整步骤

还有个微信认证,需要交30块钱。他们会委托第三方来核实你的个人信息。

我一开始填的身份是产品经理,结果没通过!说我拿不出文章截图之类的证明。。。后来我选了“无”,一下就过了,真快。

别忘了还要去DeepSeek官网开通API。在开放平台进去,做完实名认证,充好了钱,就可以用了。

充好钱之后,要创建一个APIKey。这个Key很重大,千万别让别人知道了!不然别人就能用你的钱去请求接口了。

用AI做微信小程序的完整步骤

AI把项目架子搭好了之后,会有一堆文件和文件夹。

里面有个叫project。config。json的文件,要打开它,把前面从微信后台拿到的那个AppID填进去。

有个麻烦事,就是DeepSeek这个AI默认回话是Markdown格式,乱七八糟的。

在小程序里显示出来根本没法看!有时候还会夹杂着它自己的总结,一堆废话。我调这个输出格式就花了不少时间。

最后还是把这个需求丢给了AI,然后AI给了我一段新的prompt,让它直接输出HTML网页格式。这下总算能看了。

所以把需求说清楚真的很重大。我说得模棱两可,AI理解的就乱七八糟,做出来的东西就要反复调整。

在微信开发者工具里调试得差不多了,就可以点上传按钮提交版本了。

提交之后,去小程序的后台就能看到。可以先设置成体验版,然后自己用真的手机打开试试。

我这个“易说测测”小程序,就两个页面,从头到尾全部弄完就花了一天时间。

真的没问题了,再提交审核。审核也很快,一般1个工作日就好了。审核通过之后,就可以发布了!

写到最后

如果不用自己敲代码,只是和AI聊聊天就能做一个能用的东西,你会想做什么呢?

© 版权声明
THE END
如果内容对您有所帮助,就支持一下吧!
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容