0基础速通!手把手教你用WorkBuddy开发出自己的第一个微信小程序

作者用 WorkBuddy 重做了自己此前做过的小程序「芒格思维」,并把整个过程整理成一份面向零基础的教程:从装 WorkBuddy、写需求、开启云服务、看预览,到发布试用版、继续迭代功能,最后讲正式版上线涉及的注册、备案、绑定账号和类目选择。文中还说明了小程序里的 AI 调用走 WorkBuddy 的免密钥通道、积分消耗情况,以及试用版和微信审核相关的几条规则。

说起来,微信小程序是我用AI做产品这三年多里,折腾得最多的平台之一。

2023年3月我第一次用AI做小程序,那天我试了一整天用AI做开发,网页、iOS、小程序挨个试,做到小程序(一个Flappy Bird)的时候,AI连续道歉了一百次,最后还是没成。那天晚上我在即刻上写,感觉自己成了一个「机-机接口」,从机器获取代码,复制到另一个机器,拿到报错再复制回另一个机器,这个过程中感觉自己毫无价值感。

作者在即刻上记录自己像「机-机接口」感受的帖子截图

2024年11月,小猫补光灯的小程序版前后改了10天,iOS版那会儿却是1小时写完、第二天过审。

2025年2月我录了一期小程序开发入门的视频,做的是一个叫「芒格思维」的小程序,100张芒格的思维模型卡片。视频14分钟,有9分钟在调bug,但是学会的人似乎不多,毕竟除了让AI写代码外,中间还有一大堆关于怎么装开发者工具、为什么测试号传不上去、以及要怎么认证、上传、提审之类的解释。并且那一版我也只做到了纯前端、没有登录、没有云端数据的版本,更没有AI功能。

小程序开发入门视频里讲解「芒格思维」的画面截图

前几天,我发现WorkBuddy也能做小程序后。跑去重新把芒格思维重做了一遍,想看看这次相比之前有什么不同。发过去一段需求,18分钟后第一版就做完了,带微信登录、云数据库和AI,AI那部分还不用你自己的API key。看到第一版,我就发现,这一次,还真是不一样了。

18分钟生成的第一版「芒格思维」小程序预览效果截图

做完这一轮,我觉得2025年那次其实没输在代码上,视频里那些报错最后也都调通了,代码这一环,现在的很多Coding Agent都已经做得够好了。

但是...让一个小程序从能在我电脑上跑,到能在别人手机上用,靠的是代码之外那一整串:开发者工具、AppID、上传、审核,再加上后端、登录、AI的key。这几环是乘在一起的,哪一环是零,前面代码写得再好也到不了手机上。

WorkBuddy这次是把这一整串接进了微信生态里(它以微信第三方服务商的身份帮你传代码、提审),生成、预览、发布都在它一个窗口里,开发者工具、AppID、手动传代码包这些都省了。涉及到微信生态这块,它这次真的融合得有点太nb了。

这篇就把过程拆成一份零基础教程。电脑装个WorkBuddy、手上有个微信号,照着走一遍,就能开始做自己的第一个小程序了。

一、准备工具

你需要的东西只有两样:

  • 电脑上的WorkBuddy,版本5.6.1及以上。官网workbuddy.cn有Windows和Mac版,装好登录就行;
  • 一个微信号。

你不需要的东西反而多一些:小程序账号(可以先用试用版)、微信开发者工具、AppID、服务器,以及任何一家AI的API key。

WorkBuddy的免费版每月给500积分,每天可以领100积分。我做芒格思维第一版用了60.47积分,也就是说,你基本不用担心积分消耗的问题。

二、写需求

新建任务,选「代码开发」,下面有个「小程序」,点一下它就会出现在输入框里,上面还有活动报名、社区团购、门店预约、餐饮点单几个现成的例子可以点。你也可以直接在对话框里说「帮我做一个XX微信小程序」,记得把「微信小程序」这几个字写上,不然它可能给你做成网页。

我最开始想做的其实很简单:每天看一张思维模型卡片,遇到自己的问题时,再让AI用这张卡帮我想一想。需求整理下来就是下面这段,你也可以直接拿去试:

做一个微信小程序「芒格思维」:收录100个思维模型。首页每天抽一张卡片,显示模型名、一句话解释和一个生活里的例子;可以翻看全部模型。用户微信授权登录后,可以收藏卡片、写一句「我今天用它想了什么」,收藏和笔记保存在云端。再加一个「用这个模型帮我想想」:用户输入自己正在纠结的一件事,让大模型按当前这张思维模型给出分析。

其实你把页面上有什么、哪些东西要存下来、哪里需要AI说清楚,就已经是一份很具体的需求了。这里面登录怎么接、表怎么建、模型怎么调用,都可以让它处理。

三、开云服务

需求发出去一两分钟,它会停下来问你一句:

「实现你需要的这些功能需要开启云服务」,这里选「开启云服务」就行。这一步需要你确认,确认后它才会继续接。

这部分所谓的云服务,你可以理解为大概就是能登录、能存数据、能调用AI这些具体的东西。放到芒格思维里,对应关系如下:

  • 微信登录:登录后,它才知道哪些收藏、笔记和分析记录是你的。
  • 云数据库:收藏哪张卡、写了什么笔记、AI分析过什么,都有地方保存,权限也按用户做了隔离配置。
  • AI调用:写下一件纠结的事,让它用当前的思维模型给你分析。

这也是我觉得这次变化很大的地方。以前那100张卡就是100张卡,翻完就结束了;现在可以把自己的事放进去问,问完还有记录。

我还专门弄清楚了一件事:这个小程序里的AI,用的是谁的key?

代码里没有模型key,跟云服务有关的是WorkBuddy的接口地址和一个可以公开的应用标识。模型调用走它自己的免密钥通道,你不用另外注册模型平台、申请key,再想办法塞进小程序里。想加这个功能,在需求里写「用大模型按当前的思维模型分析我的问题」就行。

当然,免密钥不等于不限量。以后要给很多人用,可以再跟它说一句「AI功能每人每天最多用N次」,把限流一起做上。

数据存到哪了,也可以很直观看见。点预览面板上方的「云服务」,就能进入数据库。这次手机上跑过的芒格批注、反过来想、误判体检,后台正好有对应的3条记录:

手机里的「我的」页,也能找到这三条历史。你在手机上把一个功能用一遍,再回电脑上的云服务面板看一眼,整个事情就连起来了。

四、看预览

生成完,右边会出一个手机样子的预览。页面长什么样、按钮放在哪里,可以先在这里看,改完点「刷新预览」。

不过这个预览是H5的近似效果,底下也写着「预览仅做参考,可发布后扫码查看真实效果」。微信登录要发布后在手机上测,AI调用也以真机效果为准,所以接下来就把它放到手机里。

五、发试用版

点预览面板右上角的分享箭头,会弹出这两个选项:

  • 已经有小程序账号,想长期运营,选「绑定已有小程序账号」;
  • 还没有账号,先想看看自己做的东西能不能用,选「创建试用版小程序」。

第一次做的话,试用版很适合用来跑通流程,免注册、免认证,也不用等微信审核。点「扫码创建」,微信扫码后关注WorkBuddy服务号,在服务号里点「创建试用小程序」,再回到电脑点「发布」。

看到「已发布」,点右边那个二维码图标,用微信扫一下,你刚做的小程序就能在手机上打开了。

我这次也是先这样把芒格思维放到手机里,试了三个AI入口,分析能返回,历史记录也能找到。你第一次做,就照着自己最想用的流程点一遍。

这里有几条规则要稍微注意下:试用版14天有效,到期自动注销,最多15人体验,一个微信号最多建5个。它暂时不能转正式版,同一个应用建过试用版后,也暂时不能再绑定已有账号。所以如果已经有账号、确定要正式上线,一开始就选「绑定」。

之后再改页面、加功能,还是回到这里点「更新」。更新成功后,同一个码扫到的就是新版。

六、接着改

第一版做完,你大概就会跟我一样,开始觉得这里可以再加一点,那里可以更好看一些了。

我后面给芒格思维加了一个「问芒格」tab。可以让它挑合适的模型分析问题,也可以反过来列「怎样保证失败」,再翻成避坑清单,或者对照芒格讲的25种误判心理做个体检。这一轮12分23秒,还顺带加了翻牌、横滑切卡、双击收藏。

样式也是一样。我选了一份参照《穷查理宝典》双色印刷的设计,靛蓝墨加黄铜金,把设计图和颜色、字体说明放进工程,让它先读再改。工程就在电脑用户目录下的WorkBuddy文件夹里,每个任务一个子文件夹。

不过,我最想加的还是前面截图里那个「芒格批注」。我当时说得还挺模糊的:

我们的芒格多元思维,我们能不能接个api,让用户可以问问题,然后芒格选择最合适的模型卡片,模型逻辑去讲该如何理解对应的问题。相对非常规一些,以及也要让用户在回答里可以点击卡片具体查看。。总之就是有ai功能,但是别做常规的纯对话的逻辑。

后来把这个想法说具体,就是:在用户原话里挑2到4处划线,每一处配一个思维模型和一段批注,逐条出现;下面放100个模型的相关度格子,点哪一格,都能打开那张卡。

做出来就是现在这个样子。比如拿这句话试:「我想辞职全职做独立开发,存款够撑八个月,但还没有一个付费用户,家里人也不太支持。」

它这次挑了4处,分别用沉没成本、安全边际、休谟的怀疑论和归因理论来批注,下面的格子也按相关程度染上了深浅不同的颜色。

点一个它没选中的格子,还可以换个角度。我点的是「复利模型」,它就接着分析八个月存款和付费用户之间的关系:

所以,你不用在第一条需求里把这些都想完。先有一版能用的,自己拿着点几下,再告诉它你觉得哪里不够、想加什么。后来我想让AI回答快一点,也是直接让它优先用列表里的flash模型。

芒格思维第一版用了60.47积分,9月24日那7轮对话,包括后面的功能和样式迭代,一共604.42积分。第一次试,就先做第一版那样的简单功能,等你真用上了,再决定要往里面加多少东西。

七、上正式版

试用版用来验证想法,想让所有人都能搜到、用到,就要发正式版了。代码上传、提审和发布都能在WorkBuddy里完成,但注册、备案和审核还是按微信的规则来:

  1. 在微信公众平台注册自己的小程序账号;
  2. 完成小程序备案,拿到备案号才能发布。管局审核按官方说法是1到20个工作日,赶上长假要再往后算;
  3. 在没建过试用版的应用里,点分享、扫码绑定账号。可以先发体验版,让最多15个体验成员在手机上试,再提交正式版审核,每周可提交3次;
  4. 选对服务类目。像芒格思维这样带AI生成功能的小程序,要选「深度合成」,目前只对企业和组织开放。个人可以先用试用版、体验版验证,要正式对外上线,就用企业或组织主体注册。

我后来也把原来的芒格思维账号绑定上,发出了体验版。账号和入口始终还是自己的,正式版再按主体、类目和备案情况来准备。

写在最后

之前大家对WorkBuddy的印象,更多是帮白领整理资料、写周报的agent。这次我用它重做芒格思维,从卡片到登录、云端保存、AI分析,再到手机上能打开的小程序,能做的事情已经比我2025年那一版多了很多。

你也可以先从这么一个很小的东西开始,写清需求,确认开云服务,扫码放到手机里试一遍。等它真的跑起来了,你自然会想到下一步还想做什么。

还是那句老话,先做出来,发布出来再说。

文末附图之一:「芒格思维」小程序相关界面截图
文末附图之二:「芒格思维」小程序相关界面截图
文末附图之三:「芒格思维」小程序相关界面截图
文末附图之四:「芒格思维」小程序相关界面截图
文末附图之五:「芒格思维」小程序相关界面截图
文末附图之六:「芒格思维」小程序相关界面截图
文末附图之七:「芒格思维」小程序相关界面截图
还是那句老话,先做出来,发布出来再说

内容核验说明

小程序从电脑跑到别人手机上,中间要过开发者工具、AppID、上传、审核、后端、登录这几关。作者按操作顺序拆开写,试用版和正式版的差别、服务类目与备案的门槛都落到了具体选项,照着走能少踩坑。适合有微信号、想先跑通流程再决定投入的人。文中的积分消耗与耗时来自作者自述,诀.com未独立验证;试用版规则和备案时长建议以微信官方口径为准。

文中的积分消耗(60.47、604.42)、耗时(18分钟、12分23秒)、试用版有效期与人数上限等数据来自原作者公开披露,诀.com未独立验证;作者对芒格思维的重做过程属个人经验记录,结果不保证复现,微信侧规则也以其官方说明为准。

原始来源

原作者:花叔(@AlchainHust)

本文对公开来源内容进行了结构化整理,原观点与内容归原作者所有。

查看原文