不会写代码也能开发小程序！WorkBuddy保姆级教学。

上周看了 @songsong 的 WorkBuddy 做微信小程序的文章，写得真的很清晰，所以执行力拉满的我也来上手尝试下。

宋宋@songsong

X 引用

用workbuddy做微信小程序，小白看完都能直接上手

这是一篇面向零基础读者的微信小程序实操教程。作者用 workbuddy 生成小程序代码，再配合微信开发者工具完成导入、排错、手机预览和体验版分发，随后接入微信云开发解决数据持久化，最后梳理提交审核前的六条自查、四道准备门槛以及常见的被拒原因。全文按从生成代码到上线可被搜索的顺序推进。

阅读完整整理 →

因为上周我感冒了，一周都没有喝到奶茶，正好刷小红书刷到了自制小甜水的小程序创意 idea，于是我自己做了一个叫「杯杯岛」的小程序，可以自制奶茶，也能加小料、换茶底、选择甜度，还可以复刻制作过程，用起来长这样。

因为是 MVP 版本，只是想跑通流程，所以功能和 UI 其实还不是很完善，后面还会继续迭代。

不过整个小程序我体验下来的感觉，就核心三步：准备、做、发。

完全不需要会写代码，代码 AI 直接会写好。我们作为小程序的管理员，只要说清楚要什么、看成不成、点提交就行了，真的巨简单。

先看全景

第一步：准备 4 样东西

要想做一个真正能落地的小程序，必须准备好以下 4 个东西。

第 1 样：确认你要做什么

先用一句话讲清楚：你到底要做一个什么小程序，打开是什么样，做成什么样。比如杯杯岛这个小程序我是这么说的：

打开是一个海滩吧台，中间放着一杯奶茶。点「调一杯」进去选茶底、小料、甜度，选的时候杯子会实时变。选完看它做出来，然后长按屏幕把它喝掉。

如果你要是没想清楚的话，可以像我一样，去小红书或者公众号去搜一些创意 idea，先从借鉴别人的作品开始，但是要注意标注原创哈，我这次主要是借鉴的这篇笔记的创意，但是功能没人家强大。

然后让 AI 反问你，和你一起把需求敲定。把上面那句大白话贴进这条指令，照抄：

我要做 XXX，先帮我把需求理清楚：整理成需求文档：有哪些页面、每页上有什么、点哪跳哪、数据存哪、关键操作是什么，文档里所有没写清楚的地方，一次性列成问题问我，别问一条我答一条，拿不准的你先给个默认方案，我只用回「行」或者「改哪里」，最后按我的回答把文档更新一遍

第 2 样：注册一个小程序账号

这里我一步一步带你做：

1. 准备一个新邮箱。因为一个邮箱只能绑一个小程序的号。
2. 去 mp.weixin.qq.com 注册。账号类型选小程序，然后点击前往注册。

输入邮箱之后去邮箱点激活链接，设置密码。

用户信息登记：

• 主体类型选个人就好，注意一个身份证号码只能注册 5 个小程序，一个手机号也是只能注册 5 个小程序。
• 类目根据你自己做的类型去选，这里注意，如果你做的是游戏小程序，发布流程和审核时长和普通小程序是不一样的。

注册完成后，不得修改为游戏类目，一定谨慎选择，游戏小程序的规则可以参考：https://developers.weixin.qq.com/minigame/introduction/guide/

如果做到这步，恭喜你注册完成了！之后自动进入小程序管理页面，我建议如果想好了做啥小程序，可以提前填写起来，两条腿走路。

小程序基础信息：需要填写小程序的名称、简称、小程序 logo 头像、介绍。

小程序类目：这里很重要，服务类目可以添加 5 个，然后至少选一个主营类目，否则后续会影响发布小程序。如果你不知道选啥，别慌，让 WorkBuddy 帮你做决定。

备案与认证：

• 备案是硬门槛：23 年 9 月起没备案不能提审上线。
• 五步：填主体信息（身份证正反面，地址填真实的）→ 填小程序信息（名称、服务内容、功能说明 20 到 200 字）→ 填负责人信息并人脸核验（找面白墙，别戴帽子口罩）→ 平台初审（1 到 2 个工作日）→ 12381 短信核验 → 各省管局审核（1 到 3 周）。
• 个人认证：需要花费 30 元一年的费用，认证了小程序才能被搜到、能正常分享，不然只能靠手动发链接。

第 3 样：一张 logo

logo 决定后面所有页面的配色方案。直接用 AIEnhancer 的 ai image generator 生成就行，顺手在里头用 background remover 把背景去掉。正方形、主色不超三个、风格别太复杂，存一张 256×256 的 PNG 就够，别超过 1MB。

第 4 样：装微信开发者工具

这个工具是把你做的东西交给微信的唯一通道。你做出来的小程序就是一堆文件夹，微信不认文件夹，只认从这个工具上传上去的东西。它管三件事：

• 看效果：左边一个手机模拟器，改完立刻能看到。
• 传上去：把代码提交到微信后台，发体验版、提审都靠它。
• 真机预览：生成二维码，手机扫码就能打开还没上线的小程序。

搜「微信开发者工具下载」或者看这张图的路径下载，选稳定版，按系统选，装完用管理员那个微信号扫码登录。

第二步：做出来

第二步其实是两件事：让 AI 把代码写出来，给你看，你提意见 AI 改。

第 1 件：先让它出方案，别急着要代码

别一上来就让它写代码，先要两份文档：

先别写代码，出两份东西。一份产品方案：有哪几个页面、每页上有什么、点哪跳哪、数据存哪。一份视觉规范：主色辅色的色值、字号、按钮长什么样

配色这块单独说下，别自己拍脑袋，让 AI 从 logo 里提。我这次提完才发现，自己挑的背景色跟 logo 根本不是一个调，肉眼看不出来，就是觉得哪里怪。

第 2 件：先出个浏览器样品，确认方向对不对

方案出了，别急着让它写正式代码。先让 AI 做一个能在浏览器直接打开的 demo，html 的就可以，把主要页面做出来，你点一点，看看思路对不对、流程顺不顺。

这一步不是必须的，但对第一次做小程序的人来说值得花这一次：方向错了，现在改成本最低，等代码全写完才发现，改的就是整个项目。

跟 AI 说：

先别写小程序代码，做一个能在浏览器直接打开的 HTML 样品，把方案里主要的页面做出来，我在浏览器里点一点，确认产品方向没问题再开工

样品在浏览器里直接打开，不用连 AppID，也不用开开发者工具。

第 3 件：开工，让 AI 写代码

方向没问题的话，开工前先把 AppID 拿到手，这个必须你自己做：后台「开发管理」→「开发设置」，最上面那串 wx 开头的字符就是 AppID，复制存好。

AppID 是微信后台发给你的凭证，WorkBuddy 不知道也不可能有，得你亲手给。把 AppID 连需求一起发给它开工，让它写进项目配置，代码就和你的小程序账号绑定了：

开工，按方案和视觉规范把项目搭起来。AppID 是（wx 开头那串），写进项目配置里

开工前别忘了在 WorkBuddy 里召唤几个专家再开工。我挂的是微信小程序开发者、UI 设计师，还有一个趣味体验设计师，一共三个。

召唤了专家，就等于有老师傅带着，写代码、做界面直接按这个领域的规矩和审美来，入口就在 WorkBuddy 左侧的专家中心，开工前挑好选上就行。

第 4 件：把项目接进开发者工具

开发好了，看功能效果就得用微信开发者工具了。第一次开之前，先把项目导进去、把 AppID 连上。这步只做一次，弄完后面不用再弄：

1. 打开微信开发者工具。没登录会弹二维码，用微信扫码，进到主界面。
2. 点「导入项目」。主界面有两个大按钮，一个「新建」一个「导入项目」，点「导入项目」。别点「新建」，那是从零建空项目用的，我们代码已经有了。
3. 弹窗里填三样：
   目录：点右边那个文件夹图标，目录是哪个 WorkBuddy 会告诉你，或者你去问
   AppID：把 wx 开头那串粘进去。别选「测试号」，测试号只能本地玩，上传、提审全用不了
   后端服务：选不使用云服务
4. 点「确定」。工具开始编译，左边模拟器能出画面，就是连上了。

填错了没关系，右上角「详情」→「基本信息」，AppID 随时能改。

如果报「AppID 与当前登录微信不匹配」之类的错，是工具登录的微信和注册小程序的微信不是同一个，换成注册那个号登录就行。

第 5 件：一页一页做，做完就看

工具接好了，开始做页面。别一口气要所有页面，一页一页来，做完一页看一眼：

1. 发指令。从需求文档里挑一页，照着说：

   开始做第一页：XXX 页（换成你的页面名）。按视觉规范来，做完告诉我一声。

2. 开发者工具里看效果。AI 说做好了，去工具里的模拟器看长什么样，改一次，你就编译一次，路径：工具-编译。
3. 三样检查。按钮点下去有没有反应、文字有没有被切掉、图片有没有出来。
4. 满意就做下一页，不满意就提意见。哪里不对说具体的，别说「不好看」，说「杯子占了半个屏幕，我要它小一半」这种，换成你页面上那个不顺眼的元素就行。提意见就按下一件那三条来，别自己乱说。

两个提醒：

• 别先做首页。功能没定型的时候，首页定不下来。等核心功能都做完，回头做首页反而一次成。我这次先做了首页，结果功能一变首页就得跟着改，来回七八轮。
• 开发者工具冒红色报错，别慌。把报错那几行整段复制，原样发给 AI，加一句「修一下」。报错那串英文你不用看懂，你的活就是复制粘贴。

第 6 件：改的时候，记住三条

改是最耗时的环节，记得改一次编译。三条规矩：

一、涉及整体样子的改动，先让它出设计稿。判断标准：涉及「长什么样」就先出稿，只是改数值、改文案就直接改。

别改代码，先出一版设计稿给我看，HTML 或 SVG 都行，我确认了再动手。

二、说数值，别说感觉。你说「太大了」，它只能猜。

先把现在的值报给我：页面主元素占屏幕多少、logo 距顶部多少、主色是什么色值。我看完再告诉你改成多少

三、连改三次还不满意，停下来让它诊断。

别急着改，先诊断一下这个页面到底哪里不对，按严重程度排序，我看了再决定改哪些

继续提意见只会越改越远，说明你们俩对「哪里不对」的判断已经不一致了。

第 7 件：拿手机跑一遍

电脑上没问题不代表手机上没问题。开发者工具点「预览」出二维码，手机扫码就能打开。

这个码不是谁都能扫，有名单。要先加人：

• 让朋友试用：mp 后台 → 管理 → 成员管理 → 体验成员，填对方微信号。
• 让同伴一起开发：同一页的「项目成员」，能看代码、能上传版本。

两个系统都要测，二维码不一样。iOS 和安卓是两个分开的选项，别拿一个码给所有人扫。而且同一个页面，两个系统显示出来可能有差别：字体粗细、顶部刘海占位、颜色深浅都可能不一样。

测用「预览」，别用「真机调试」。真机调试对音频和部分功能有限制，测出来不准。

第三步：发出去

第 1 件：传体验版，让朋友试

开发者工具点「上传」，填个版本号，代码就能到微信后台了。人第二步加过了，他们直接能打开。不用审核，可以反复传。

让他们看第一次打开会不会懵、流程走不走得通、有没有点了没反应的地方。我传了体验版才发现，我那个「长按杯子喝掉」的操作，朋友根本不知道。自己天天用的东西，压根没意识到别人看不出来。

当然了，后面其实也可以直接上线，考虑配一个在线客服的 widget 组件其实也可以，我自己的 Feedlog 恰好有这个能力，也可以将用户反馈的问题总结成工单发到我的管理后台，后面响应也很方便，大家如果有自己的产品也可以接入。

github：https://github.com/linkcraftstudio/feedlog

第 2 件：提审前，办完这三件

一、看看备案下来了没。

查看/提交流程：后台「设置」→「小程序备案」→「去备案」

五步：填主体信息（身份证正反面，地址填真实的）→ 填小程序信息（名称、服务内容、功能说明 20 到 200 字）→ 填负责人信息并人脸核验（找面白墙，别戴帽子口罩）→ 平台初审（1 到 2 个工作日）→ 12381 短信核验 → 各省管局审核（1 到 3 周）

最容易栽的是 12381 那条短信，非常容易被当成垃圾短信错过，超 24 小时直接驳回从头再来。管局还可能打电话核实，手机保持畅通。

二、配置隐私指引

后台「设置」→「服务内容声明」→「用户隐私保护指引」

不要登录、不定位、不读相册的，直接勾「不收集用户信息」。

三、把类目选对

后台「设置」→「基本设置」→「服务类目」

按用户拿到的是什么选，别按技术怎么实现的选，选完点「设为主营类目」。

拿不准就点开类目看「所需资质」，要求营业执照、许可证的一律排除，个人主体过不了。

个人主体有一条死线：不能做游戏类目。小程序里不能有「闯关」「得分」「排行榜」，文案里别出现「游戏」两个字，被判定成游戏直接驳回。

第 3 件：填表提交

后台「管理」→「版本管理」→「开发版本」→「提交审核」

• 版本描述：按「打开看到什么 → 能干什么 → 做完能怎么样」写，一百来字，别写「优化体验、修复 bug」
• 截图：5 张，主要功能各一张
• 视频：不传，非必填，传了反而慢
• 测试账号：选「不需要登录」

第 4 件：等结果

个人主体一般 1 到 3 个工作日。

期间别重复提交也别催，反而会排到后面。通过就点「发布」，微信里能搜到了。

审核期间可以加体验者继续内测、准备传播物料。

别加功能，改了就得重新提了。

最后

真做一遍就知道，自己搭建一个简单的小程序的话，写代码只占 15%。剩下的时间基本花在两件事上：看清它做成什么样了，把想改的说清楚。

我这次的小程序比较简单，纯是自己为了跑通流程试一试，没有涉及存数据和云开发的部分，下次可以做一个比较完善的小程序服务。

另外有三件事 AI 不知道：备案、隐私指引、服务类目。这些是平台的规矩，跟代码没关系，别问一句就照做，去看我的教程亲眼确认最靠谱。