摘要:本教程详解如何使用 AI 编程工具(Claude Code)在 10 分钟内开发一个微信小程序并上线。从工具准备、小程序注册、备案审核到开发、预览、上传,完整走通从 0 到 1 的全流程。适合零基础用户参考。
本文将用一个简单的 BMI 计算器例子,演示如何用 AI 编程工具 10 分钟开发一个计算类的微信小程序并上线。
工具准备
1. AI 编程工具
这里使用 Claude Code,目前顶级的 AI 编程工具之一。使用 Claude Code 不需要有 Claude 的账号,可以通过第三方服务使用。
2. 微信开发者工具
下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

选择符合自己电脑版本的下载,安装完成后扫码登录,进入开发界面。

3. 注册小程序

点击"立即注册",选择"小程序",前往注册页面。

使用自己的邮箱注册,主体类型选择"个体"(个人开发者)。一个身份证可以注册 5 个小程序,每个小程序需要新的邮箱。
填写信息、备案、审核
注册完成后,用微信扫码进入小程序管理页面。

苏米注:开发前建议把信息备案和认证都完成,因为小程序备案会消耗 1-14 天,这个时间纯看审核速度。
1. 填写基本信息
填写小程序名称和头像,头像可以用 AI 绘图工具生成。
2. 申请类目
作为个人开发者,一般申请"工具"类目,因为工具类目不需要行业资质和证明。
点击右上角"添加类目",选择对应的类目即可。
3. 备案和认证
备案和微信认证是四个环节中最消耗时间的。根据提示上传所需材料:
- 前置审批项:选择"以上都不涉及"
- 发票选项:选择"不开发票"
- 职业认证:选择"无"(可能会快一点)
- 支付 30 元认证费用
全部完成后等待审核,审核速度因人而异,快则一天,慢则一周。
开发、预览、上传
1. 使用 AI 开发小程序
新建一个文件夹,打开 Claude Code,使用以下万能提示词模板:
帮我做一个微信小程序。功能是【一句话说清楚做什么】。
用户打开小程序后看到【首页是什么样的】,可以进行以下操作:
【操作 1】、【操作 2】、【操作 3】。
数据存储在本地。
界面风格要求【简洁/活泼/商务/其他】,主色调用【蓝色/绿色/红色/其他】。
以 BMI 计算器为例,完整提示词如下:
帮我做一个微信小程序,名称暂定为「BMI 计算器」。
功能是:让用户快速输入身高和体重,自动计算 BMI(身体质量指数),
并根据结果判断身体状态,帮助用户快速了解自己是偏瘦、正常、超重还是肥胖。
用户打开小程序后,首页看到的是一个简洁清爽的 BMI 计算界面,页面包含:
1. 小程序标题和一句简短说明,比如"快速计算你的 BMI 健康指数"
2. 身高输入框(单位:cm)
3. 体重输入框(单位:kg)
4. 一个醒目的"立即计算"按钮
5. 计算结果展示区域
用户可以进行以下操作:
1. 输入身高和体重,一键计算 BMI 数值
2. 查看 BMI 对应的身体状态,例如"偏瘦 / 正常 / 超重 / 肥胖"
3. 查看简单的健康建议,例如"建议保持运动""注意控制饮食""继续保持"
数据存储在本地,要求:
1. 自动保存用户最近一次输入的身高和体重
2. 用户下次打开小程序时,自动回显上次输入的数据
3. 不需要接入服务器,不需要登录注册
界面风格要求:简洁、清爽、易用,适合大众用户
主色调:蓝色

发送提示词后等待几分钟,AI 会自动完成小程序开发。

苏米注:这里使用的是国产 GLM-5.1 模型,实际开发时间约 5 分钟。使用不同的 AI 模型,开发速度可能有所差异。
2. 配置小程序 AppID
在小程序页面左下方点击名称进入设置,拉到底部找到"账号信息",复制 AppID。

将 AppID 提供给 Claude Code,让它帮忙配置:
帮我配置一下 AppID:[你的 AppID]

3. 导入微信开发者工具预览
打开微信开发者工具,点击"导入"项目。

选择刚才 AI 创建的文件夹,会自动识别 AppID,点击"创建"。

点击"信任并运行",右侧会显示小程序预览页面。

输入测试数据验证功能是否正常。

4. 上传代码
测试无误后,在微信开发者工具中点击"工具" → "上传"。
输入版本信息(如版本号 1.0.0、项目备注等),点击上传。
上传成功后,进入小程序管理后台的"版本管理"页面,可以看到提交的代码。
之后提交审核,审核完毕后即可上线发布。
注意事项
1. 选题很重要
想要小程序有流量,正确的选题和推广是关键。计算类、工具类小程序相对容易过审,但竞争也激烈。
2. 备案时间预留
小程序备案需要 1-14 天,建议提前完成,不要等到开发完才想起来。
3. 类目选择
个人开发者优先选择"工具"类目,避免需要行业资质的类目(如医疗、金融等)。
4. 测试要充分
上传前务必在微信开发者工具中充分测试,避免审核被拒。
总结
本教程带大家走完了小程序从 0 到 1 的完整流程:
- 准备工具:Claude Code + 微信开发者工具
- 注册小程序并完成备案审核
- 使用 AI 编写代码
- 导入微信开发者工具预览测试
- 上传代码并提交审核
整个过程最快可以在 10 分钟内完成开发,但备案和审核时间需要额外预留。
参考资料: