1. 前言
最近国产各种 agent 工具都在做活动，白嫖了一堆积分，根本蹬不完。于是我给自己定了个小目标：用 AI 从 0 到 1 上线一个小程序，把整个过程完整跑一遍，看看现在 AI 到底能帮到哪一步，哪些环节还得靠自己。
先上成品👇👇👇
「打牌记账流水」，一款记账计分的微信小程序，微信搜一搜就能体验。开房、扫码进房、点头像记账，散场时一键算出「谁给谁转多少」的最少转账方案，另外还带语音播报和战绩统计。
下面按真实的推进顺序来讲：需求怎么定、AI 怎么协作、中间有哪些坑、怎么上线审核，最后再聊聊个人小程序怎么变现。
2. 敲定需求
做小程序，第一步不是写代码，是定需求。这一步 AI 能帮你，但拍板的是你自己。
先明确一条硬约束：小程序对个人开发者的限制很多。UGC 内容基本做不了，AI 相关内容限制极大，只能做简单的工具型功能。方向选错，审核直接打回。所以定需求时要同时考虑两点：场景得真实，最好是你自己会遇到、身边人也认可的痛点；内容得安全，避开 UGC、AI 生成这类敏感类目。
需求定下来后，我把它丢给 AI 整理成一份正经的 PRD（用的 workbuddy，模型选 glm 5.3 flash）。
这里有个很关键的体会：PRD 越细，后面 AI 越不容易跑偏。
千万别只写一句"做个记账小程序"，最好把数据结构、状态流转、边界情况都写清楚。这一步偷懒，后面全是坑。
3. 准备工作
正式开工前，先把环境和账号准备好：
- 下载并安装微信开发者工具：传送门
- 注册微信小程序：传送门，获取 AppID（控制台 => 开发管理 => 开发设置）
- 打开微信开发者工具，选择项目目录，填入 AppID，后端服务选择「微信云开发」并勾选同意「云开发服务条款」
- 在工具栏左侧点击「云开发」按钮打开云控制台，按提示开通并创建一个云开发环境，拿到环境 ID
另外，如果要用到微信的插件能力（比如语音合成），个人主体得先去微信服务市场单独申请，不申请的话相关接口调不了。
4. AI 协作流程
4.1 选技术栈
我选的是 uni-app CLI 框架，理由很简单：跨平台，一套代码同时支持小程序和 H5，以后想扩展到其他端也方便。
4.2 让 AI 出设计稿
界面设计是我最头疼的部分。我的做法是先丢给 AI 几个形容词------"简洁""清爽""易用"，让它参考 Ant Design 风格、整体走蓝色系，然后用 MiniMax M3.1 flash 设计了首页、房间页、结算页、战绩页 4 个页面。
生成的设计稿放在 design/ 目录，每个页面一个 HTML 文件，包含布局样式、比例关系、总览，以及全局主题、色系、圆角、阴影。
这一步的价值在于，AI 把"说不清的感觉"变成了看得见、可确认的稿子。你不用会设计，但你能看出哪个好看。
4.3 给 AI 搭一套工程规范
这是整个流程里我觉得最值得做的一件事。
AI 写代码最大的问题是它不知道你的项目约定，容易各写各的。所以我先给它搭了一套规则：把项目规范拆成几份文件放在规则目录下，配一张场景路由表，AI 按任务类型加载对应规则，而不是全文通读；每次变更都留痕记录改了什么、为什么改，全程可追溯；再把设计风格沉淀成可复用的提示词，保证后面新增页面风格统一。
这样一来，AI 每次干活都有据可依，产出质量稳定很多。
4.4 分步实现，每步确认
把 AppID、云开发环境 ID 都交给 AI（这些不是密钥，不用担心泄密），让它根据 PRD 规划实现步骤，每做完一步就让我确认一下。
我的体会是，AI 不是替你写代码，而是替你执行已经想清楚的步骤。你负责决策和验收，它负责实现。把它当成一个执行力很强、但需要你把需求讲清楚的队友就好。
5. 坑点
整个流程跑下来，坑主要集中在这几类：
- AI 还不能直接操作小程序云开发，但会告诉你方法让你手动配置------云数据库配键名、云函数上传、云存储这些都得自己来
- 有设计稿也要反复微调，性能、交互体验，AI 第一版永远不是最终版
- 需要一些开发经验：你想要什么效果（可能见过但不知道怎么形容）、按钮怎么布局、页面跳转怎么更合理，这些 AI 替代不了你的判断
- 免费云开发的存储有额度限制，比如头像这类资源可能存不下，除非开付费套餐
- 免费体验环境有坑：每个小程序账号可建 1 个免费体验环境，但一旦小程序提交发布正式版，免费环境只再保留 15 天，到期必须转付费套餐，否则停服
- 云函数响应比不上自建服务 CDN，但胜在费用低、微信生态支持友好，个人开发者够用
- 扫码、分享、Canvas 是三个平台坑重灾区，AI 生成的代码在这里最容易出问题，务必真机验证
6. 项目上线
- 在微信开发者工具点击提交发布，填写版本号和描述，点击上传
- 上传的是体验版，此时可以添加体验账号，体验账号能在微信内扫码查看
- 体验版提交审核，审核通过后点击发布，就能在小程序里看到正式版了
- 个人认证：在小程序控制台点击认证，填写信息等待审核，每次认证 30 元，失败不退钱，千万别漏接电话
- 认证通过后还要备案小程序，在后台按步骤填资料
- 全部完成后，就能在微信搜一搜里搜到了
最后提醒一句，审核前一定要仔细过一遍产品的页面文案和功能声明，把功能边界写清楚，免得被误判成违规内容。
7. 个人小程序如何变现
工具做出来了，怎么赚钱？个人开发者主要有两条路：广告和虚拟支付。
以前的文章：开发个人微信小程序类目选择/盈利方式/成本控制与服务器接入指南
7.1 广告变现
微信小程序的广告组件，个人主体也能用，前提是累计独立访客达到 1000 人才能开通流量主。
常见的广告位有四种：
| 广告类型 | 说明 | 适合场景 |
|---|---|---|
| Banner 横幅 | 页面固定位置展示 | 首页、列表页底部 |
| 激励视频 | 用户看完视频得奖励 | 解锁高级功能、看完整报告 |
| 插屏广告 | 页面切换时弹出 | 完成操作、退出页面 |
| 原生模板广告 | 融入页面内容的卡片 | 列表信息流中 |
几个实操建议：激励视频性价比最高，单价高，用户主动观看也不反感，适合做"看视频解锁某项功能"；别一进页面就弹插屏，体验极差，很容易掉用户；广告位要和场景自然结合，别硬塞在核心操作按钮旁边。
广告收入初期其实很低，得有稳定的日活才有意义，前期重心还是把产品做扎实。也别为了变现牺牲体验，广告太密、付费点太硬，用户直接就走了。
7.2 虚拟支付
小程序虚拟支付需要开通微信支付商户号，而且个人主体限制较多。常见玩法有虚拟商品（积分、会员、皮肤、表情包）、会员订阅（月卡年卡，解锁去广告、云同步等权益），以及各类增值功能（高级统计、导出报告、自定义内容）。
另外，合规第一，涉及支付的必须走微信官方支付，别搞第三方收款。
8. 结语
AI 能帮你写代码、画设计稿、查资料，但需求怎么定、架构怎么设计、什么该做什么不该做、审核怎么过，这些才是真正的门槛。
小程序的技术不复杂，特别是现在有了AI，门槛几乎为零。
关键是你能不能找到一个真实存在、又足够小的痛点，把它做到极致，不然就是自嗨，毕竟没收入，也没人用。
祝各位都能用 AI 做出自己的第一个小程序。
本次分享就到这儿啦，我是鹏多多，深耕前端的技术创作者，如果您看了觉得有帮助，欢迎评论，关注，点赞，转发，我们下次见~
PS：在本页按F12，在console中输入document.getElementsByClassName('panel-btn')0.click();有惊喜哦~
往期文章