MVP 实战
用 AI 做一个微信小程序 MVP
从零开始，用 Uni-app + AI 编程工具快速搭建微信小程序，提交审核上线
30 秒判断：这个教程适合你吗？
| 适合谁 | 想做微信生态产品的创业者，有想法但不会写小程序 |
| 不适合谁 | 需要复杂后端逻辑（支付、实时通信）的项目，建议先做网页版验证 |
| 你会得到 | 一个可以在手机上运行、提交审核的微信小程序 |
| 时间成本 | 2-4 小时（含注册账号和等审核的时间不算） |
| 前置条件 | 一台电脑、微信账号、Node.js 环境 |
为什么用 Uni-app 而不是原生开发？
一句话：AI 对 Vue 的理解远好于微信原生 WXML 语法。用 Uni-app 写 Vue 代码，AI 生成的质量更高，你调试的时间更少。而且将来想同时出 H5 版本，代码可以直接复用。
第一步：注册微信小程序账号（10 分钟）
- 打开 mp.weixin.qq.com，点击"立即注册"
- 选择"小程序"类型
- 用一个没注册过公众号的邮箱完成注册
- 登录后，在"开发管理 → 开发设置"里拿到你的 AppID
个人 vs 企业主体的区别：
| 个人主体 | 企业主体 | |
|---|---|---|
| 费用 | 免费 | 300 元认证费 |
| 能用微信支付 | 不能 | 能 |
| 能用的接口 | 基础接口 | 全部接口 |
| 审核速度 | 1-3 天 | 1-3 天 |
| 建议 | 先验证想法 | 确定要做再认证 |
先用个人主体注册就行，验证完想法再升级不迟。
第二步：创建 Uni-app 项目（5 分钟）
确保你已经安装了 Node.js，然后在终端执行：
npx degit dcloudio/uni-preset-vue#vite-ts my-miniprogram
cd my-miniprogram
npm install用 Cursor 或 Windsurf 打开这个项目文件夹。
第三步：用 AI 生成页面（30-60 分钟）
这是核心环节。打开 AI 对话框，给它一个清晰的需求：
我在用 Uni-app (Vue3 + TypeScript) 开发微信小程序。
项目已经用 uni-preset-vue 模板创建好了。
请帮我实现以下功能：
1. 首页：展示 [你的核心功能]
2. 列表页：展示 [你的内容列表]
3. 我的页面：简单的个人中心
要求：
- 使用 uni-app 内置组件（view, text, image, scroll-view 等）
- 样式用 rpx 单位适配不同屏幕
- 页面间跳转用 uni.navigateTo
- 数据先用本地 mock，不需要后端AI 生成代码后，在终端运行：
npm run dev:mp-weixin这会在项目目录下生成 dist/dev/mp-weixin 文件夹。
第四步：在微信开发者工具中预览（10 分钟）
- 下载 微信开发者工具
- 打开开发者工具，导入项目，目录选
dist/dev/mp-weixin - 填入你的 AppID
- 点击"预览"，用手机微信扫码就能在真机上看效果
在开发者工具里看到报错别慌，大部分是 AI 用了浏览器 API 导致的。把报错信息丢给 AI，让它改成小程序兼容的写法就行。
第五步：提交审核（5 分钟）
确认功能没问题后：
- 在微信开发者工具点击"上传"
- 填写版本号（比如 1.0.0）和备注
- 回到 mp.weixin.qq.com，在"版本管理"里提交审核
审核被拒的常见原因
这些坑我替你踩过了：
- 页面太简单：只有一个页面、没有实际功能，会被拒。至少做 2-3 个有内容的页面
- 没有隐私协议：2023 年起必须有隐私协议弹窗，让 AI 帮你加一个
- 类目不匹配：选的服务类目和实际功能对不上，比如选了"工具"类目但做的是社交功能
- 诱导分享：页面上不能有"分享到朋友圈领奖励"之类的文案
- 个人主体做了需要资质的内容：医疗、金融、教育等类目需要企业主体+对应资质
被拒了也别灰心，修改后重新提交就行，一般 1-3 天出结果。
做完之后
你现在有了一个可以在微信里打开的小程序。接下来：
- 发给 10 个朋友试用，收集真实反馈
- 看数据：微信后台有基础的访问数据，看看用户在哪个页面流失
- 快速迭代：根据反馈改进，每次改动都重新提交审核
- 考虑加后端：如果验证了需求，可以用云开发或 Supabase 加数据存储
- 想做更完整的小程序？ 看看 1 小时 AI 速建 MVP 网站 了解全栈开发流程