
👦🏻 作者: GaKi
🥷 编辑: Koji
🧑🎨 排版: NCon

今年的办公 Agent 大战,大家都有目共睹,竞争已经卷到了新的阶段。
各家厂商都在 Agent 里连接自己的生态,帮用户做出更有用的东西。比如一个网页、一个内部工具,甚至一个可以直接分享给别人使用的小应用。
微信小程序,就是其中一个很典型的场景,也是腾讯手里一个很特别的生态优势。
但目前 AI 生成代码虽然已经越来越成熟,想让 AI 独立走完整个微信小程序开发和上线流程,依然不算容易。
一个原因是,多数小程序代码都来自商业项目,公开在网上的并不多,模型能学到的样本有限。
上周,腾讯 WorkBuddy 上线了微信小程序发布能力,把「代码生成、预览、调试、发布、云服务、数据库调用」环节全部打包放进了 WorkBuddy。

现在,不懂开发的用户,也可以自己完成从一个想法到小程序上线的整个过程。
「十字路口」团队第一时间试用了新版本 WorkBuddy 的一键上线微信小程序功能,实际做了 2 个很有趣的小程序,跑完了全流程。
下面,分享我们的体验。
现在,WorkBuddy 已经基本打通了从一个想法,到做出完整微信小程序的全过程。
这次我们一共用它做了两个小程序:
【1】校园流浪猫图鉴
【2】一句话情绪日记
接下来,我们会先展示「校园流浪猫图鉴」的完整效果。
到了「一句话情绪日记」这个 Case,再把整个制作过程拆开来看,具体讲讲怎么用 WorkBuddy 从一个想法开始,一步步做出微信小程序。
这段时间,我在朋友圈看到很多朋友在分享自己做的校园流浪猫小项目。大多数是用腾讯文档或飞书,大家手动往里添加内容。
所以我做了这个小程序,用起来会更方便一些。它算是一个公益小程序,目的是建立一个全校共享、能持续更新的校园猫咪档案。
用户可以浏览猫咪的照片、资料、区域和最新动态,也可以上传图片、发布动态,形式类似朋友圈。
大家上传每只猫的时候,都会记录它的性格、健康状况、绝育情况、常出没区域等档案。
下面这个就是校园流浪猫图鉴的 V1 版本。

这里要说一下,从 V1 版本到后面的版本,在 WorkBuddy 里迭代是很顺畅的。因为可以直接在右侧实时打开小程序,或者做真机测试。
下面这个是迭代两到三轮之后的版本,整体页面是 Ink 墨水屏风格,所有图片功能也都比较完善了。

现在小程序最上方有一栏「今天出没」,可以看到今天大家上传了哪些校园流浪猫,也有对应的图片。

每只猫咪的图鉴都可以打开。
打开后能看到有多少同学遇见过它,还有它目前的简要档案、简介,以及最近目击和常出没地点的信息。

在这个页面,可以直接为当前这只猫上传今日出没地点。也可以自己添加今天遇见了哪只小猫,直接选择在哪里遇见它、这只猫叫什么名字。
还可以分享一张猫咪分享卡片。

小程序里也可以方便地搜索校园流浪猫,比如直接输入猫咪的名字或编号。

我还设置了一张比较卡通的校园地图,可以在里面交互和拖动。
点击某个位置后,可以直接在这个位置加入校园流浪猫的图鉴,「发现时间」可以选择今天、近 3 天或近 7 天。

为了增加一点趣味性,我还设置了一个校园日常的朋友圈功能。用户可以在里面点赞,也可以方便地发布动态。

最后还有一个功能,就是每个用户上传之后,会有一份自己的图鉴内容,里面有类似成就和徽章的功能。

看完上面的案例,可以看到 WorkBuddy 已经解决了微信小程序制作里不少原本比较麻烦的环节。
下面这个「一句话情绪日记」Case,我们会把整个过程完整拆开,具体看看从一个想法开始,到最后做成并发布微信小程序,WorkBuddy 分别帮用户处理了哪些步骤。
最近我发现,身边很多团队和朋友的工作节奏都很快、很累。很多人晚上有记录当天心情的习惯。
所以我想做这样一个小程序:每天只写一句话,让 AI 来解析,每天都能记录心情,每个月还有一次月度回顾,再加上比较好的表情包交互特效,我觉得会很有意思。
下面是用 WorkBuddy 做成的一句话情绪日记微信小程序。

这个小程序主要用来记录每天的心情。用户每天写下一句话,AI 会识别里面的情绪和具体内容,再把这些内容变成几百颗表情气泡,从屏幕下方以瀑布流的形式升起来。
听起来简单,但实际我在开发的时候,发现这些表情气泡用到的表情大多是闭源的,尤其是苹果的表情,没法直接使用。
我一开始问 WorkBuddy 该怎么解决,它建议去 GitHub 上找开源项目。
所以整个项目里内置了四套 WorkBuddy 帮我找到的开源表情素材,分别是 Fluent Emoji、Twemoji、OpenMoji 和 Noto Emoji。

有了表情素材之后,就可以进入 WorkBuddy,选择「代码开发」模式。
你可以点击小程序功能按钮,也可以直接在提示词里说明要开发一个微信小程序,然后输入提示词就行。

之后 WorkBuddy 会先查询它内置的 wechatide-skill,也就是微信开发者工具相关的开发资料。

接着它会自动安装微信开发者 DevTools。

开发者工具安装好之后,WorkBuddy 会自动检查工具状态,补齐命令行的软链。

然后就能一键启动微信开发者工具,我们只需要在里面登录自己的账号。

到这一步,准备工作基本都完成了。
接下来 WorkBuddy 会根据提示词完成整个项目的开发,大概用了半个多小时。我这里用的是测试号,还没有正式发布上线。
可以看到,WorkBuddy 已经把微信开发者工具、代码全面体检和 README 都做完了。代码评估分析完之后,我们需要扫描自己测试号的 APP ID。

遇到需要我们自己选择的选项,它会弹出一个弹框,我们在里面点击就可以。
比如 WorkBuddy 提示发布上线需要注册一个小程序 APP ID,它会提供网址,我们需要先进去注册。

我们可以选择申请测试号,也可以直接注册正式的小程序。

测试号在微信公众平台上就能注册。
注册之后,我们需要复制开发者 ID,也就是 App ID 和 App Secret。


所以算上开发时间,大概 3 个小时之内,就能上线一个比较简单的微信小程序。
之后还可以根据真机测试的情况,在这个页面让 WorkBuddy 继续迭代。

整个流程里比较重要的一点是,在 WorkBuddy 里做微信小程序时,可以很方便地调用它的云端保存和数据库功能。
也就是说,小程序上线之后,所有用户数据和文件都会保存在这个云服务里。

下面来看看这个可爱的小程序具体怎么玩。
进入小程序后,可以直接在输入框里写下今天的心情,或者一件事。
点击对勾,AI 就会解析这段内容。目前测试用的是离线识别,我们也可以在后台设置 API。解析完成后,表情包会从屏幕最下方以瀑布流的形式升上来。

再比如输入「我今天好难受,国庆假期可能要加班」,就可以替换今天的记录。
随后会升起一组完全不同的表情包瀑布流:

小程序里还有一个日历,可以为之前的每一天补记心情日记。

为了在工作摸鱼的时候让大家的手上有点事做,我还为表情包瀑布流设置了一种玻璃弹球式的交互。
你可以拖动瀑布流里任意一个表情包,周围其他表情包会随之发生弹球式的物理碰撞,效果比较自然。

小程序还有一个月度回顾功能。
你可以看到一共记录了多少天的情绪、情绪整体的分布情况,以及本月的表情墙大致由哪些表情组成。

每一天记录的情绪,都可以生成一张心情卡片,转发给别人或者保存到相册。卡片还支持隐藏原文,用来保护用户隐私。

点击「发送给朋友」,会直接跳转到微信界面,发送给其他微信好友。

前面提到,我们用了四套开源表情包项目,每一套样式都不同。
除了前面展示的那一套,另外三套的效果我也附在下面了。在最下方「我的」页面里,可以直接切换表情包。

所以整体来看,现在用 WorkBuddy 做微信小程序确实很轻便。
以往比较难处理的卡点,比如云服务和数据库,现在都能在 WorkBuddy 里一键完成。而且能在 WorkBuddy 里直接交互和测试,所以迭代起来也很方便。
AI 写代码现在已经非常普遍了,Vibe Coding、Vibe Working,甚至还有 Vibe Worlding 这些概念的产生,都深入到了很多非开发者的日常 workflow 里,这种工作方式已经被很多人接受了。
但在很多场景里,AI 能学习的样本仍然很少,模型因此很难训练好,微信小程序就是其中之一。
现在,腾讯这样本身就有大量产品和资源的厂商,也开始通过 WorkBuddy 这类产品,把这些能力一个个补上。

这对独立开发者意义很大,因为以前大家用 Coding Agent 做项目,选型大多集中在网站、iOS App 和安卓应用。
随着微信小程序的开发工具越来越成熟,独立开发者能做的东西也会越来越多,接下来,小程序的应用数量也会很快增加。
Agent 真正大规模进入工作,或许就从这些越来越具体的场景开始。







