搜索内容

AI制作微信小程序完整教程:零代码从开发到上架

你没有编程经验,又不懂代码,能不能开发微信小程序呢?回答当然可以。

下面就手把手带你,用AI做一个小程序,并成功上架。适合没做过小程序,不会写代码,想用AI快速做一个工具,你只需要照着步骤走一遍。

一、准备工作

先准备3样东西:

1)微信小程序账号

去微信公众平台注册,用邮箱注册即可

https://mp.weixin.qq.com/cgi-bin/wx

AI制作微信小程序

AI制作微信小程序

后续要做小程序的备案和微信认证,才能正式上线和被搜索到,这一步也很简单。

跟着流程走就行。

2)微信开发者工具
官网下载并安装 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

AI制作微信小程序

AI制作微信小程序

我们不需要在这里写代码,而是调试程序,查看效果,上传提交代码。

一个AI工具
trae、cursor、codex、Claude、Gemini都可以

不太懂,就用,https://www.trae.cn/

其他工具,如扣子编程,秒哒等也可以。

二、创建小程序项目

打开「微信开发者工具」

步骤:
1)点击「新建项目」
2)填写信息:
AppID(你刚注册的小程序)
项目名称(随便写)
项目目录(选一个本地文件夹)
简单一点,不使用云服务,不使用模板。
3)点击创建

AI制作微信小程序

三、开始写代码

若你是用扣子编程等云平台写代码,写完后就需要将代码复制到本机的小程序项目目录里面。

推荐直接用AI编程工具在本机写,直接演示和上传。

如trae,其他工具同理,没多少区别,就是一个窗口跟AI对话交流,指挥AI写代码。

提示词?不太重要,把你要做什么描述清楚,或者让AI帮你补齐内容。

如:我想做一个xxx小程序,大概需要什么功能等,你给我一个具体的项目设计方案,需求文档,UI设计等。

这时AI会帮你写好方案,你根据这个方案让AI改进或者执行。

AI制作微信小程序

四、编译运行项目

代码写完后,要开始运行看效果。

AI制作微信小程序

左上角,点击【工具】,点击【编译】,就会看到代码正在被编译,右边预览开始出现界面。

AI制作微信小程序

五、调通功能

这步没什么可说的,验证各项功能是否符合你的要求,页面设计使用是否满意。

如果不满意,继续让AI改进即可。

六、上传代码

在开发者工具里:点击「上传」填写:版本号,更新说明

AI制作微信小程序

七、提交审核

进入微信公众平台后台:

1)打开「版本管理」

2)提交审核

AI制作微信小程序

八、发布上线

审核通过后:点击发布,你的小程序就正式上线了。

九、个人认证和备案

AI制作微信小程序

如果你想自己的小程序别人也可以用,可以分享转发,可以被搜索,那么就做认证和备案。

选择个人认证,30块钱。

备案跟着流程走,不同省份情况不一样。

参考官方资料:
https://developers.weixin.qq.com/minigame/product/record/record_guidelines.html

你会收到一条备案校验的短信,跟着操作就可以。

AI制作微信小程序

十、可能遇到的问题

开发过程中肯定会遇到很多问题。

首要原则:问AI,截图+描述,告诉给AI,你遇到了什么问题,让它告诉你如何解决

可能你会遇到:

代码报错,程序报错,无法转发,功能没实现,功能有问题。

名字不通过,审核不通过,缺少类目,缺少一些权限。

图片展示不出来,打不开,无法保存等等。

你会碰到很多不懂的问题,不要担心,用AI,让它告诉你如何解决。

这个过程必然会有一些麻烦,但用AI后,难度降低很多了,实在不知道怎么解决,去问有经验的人。

最后说一句

很多人卡在“不会写代码”,但现在其实不是问题了,真正的问题是:你有没有把流程走完一次。

你只需要做一件事:跑通一个最简单的小程序,哪怕只有一个输入框,一个按钮。

THE END
分享
二维码
打赏
分享到
扫码阅读
请作者喝杯咖啡
微信打赏
< 上一篇
DZSHOP自动发卡商城:分店分销+实物发货(开心版)
下一篇 >
2026年最值得关注的9个AI赛道盘点
评论 0

暂无评论,来说点什么吧~