实测 | WorkBuddy 新功能：生成微信小程序，打通腾讯生态

现在，不懂开发也能自己把一个想法做成并上线微信小程序了。

今年的办公 Agent 大战，大家都有目共睹，竞争已经卷到了新的阶段。

各家厂商都在 Agent 里连接自己的生态，帮用户做出更有用的东西。比如一个网页、一个内部工具，甚至一个可以直接分享给别人使用的小应用。

微信小程序，就是其中一个很典型的场景，也是腾讯手里一个很特别的生态优势。

但目前 AI 生成代码虽然已经越来越成熟，想让 AI 独立走完整个微信小程序开发和上线流程，依然不算容易。

一个原因是，多数小程序代码都来自商业项目，公开在网上的并不多，模型能学到的样本有限。 

上周，腾讯 WorkBuddy 上线了微信小程序发布能力，把「代码生成、预览、调试、发布、云服务、数据库调用」环节全部打包放进了 WorkBuddy。

现在，不懂开发的用户，也可以自己完成从一个想法到小程序上线的整个过程。

🚥

「十字路口」团队第一时间试用了新版本 WorkBuddy 的一键上线微信小程序功能，实际做了 2 个很有趣的小程序，跑完了全流程。

下面，分享我们的体验。

WorkBuddy 一键直出微信小程序

现在，WorkBuddy 已经基本打通了从一个想法，到做出完整微信小程序的全过程。

这次我们一共用它做了两个小程序：

【1】校园流浪猫图鉴

【2】一句话情绪日记

接下来，我们会先展示「校园流浪猫图鉴」的完整效果。

到了「一句话情绪日记」这个 Case，再把整个制作过程拆开来看，具体讲讲怎么用 WorkBuddy 从一个想法开始，一步步做出微信小程序。

【1】校园流浪猫图鉴

这段时间，我在朋友圈看到很多朋友在分享自己做的校园流浪猫小项目。大多数是用腾讯文档或飞书，大家手动往里添加内容。

所以我做了这个小程序，用起来会更方便一些。它算是一个公益小程序，目的是建立一个全校共享、能持续更新的校园猫咪档案。

用户可以浏览猫咪的照片、资料、区域和最新动态，也可以上传图片、发布动态，形式类似朋友圈。

大家上传每只猫的时候，都会记录它的性格、健康状况、绝育情况、常出没区域等档案。

下面这个就是校园流浪猫图鉴的 V1 版本。

这里要说一下，从 V1 版本到后面的版本，在 WorkBuddy 里迭代是很顺畅的。因为可以直接在右侧实时打开小程序，或者做真机测试。

下面这个是迭代两到三轮之后的版本，整体页面是 Ink 墨水屏风格，所有图片功能也都比较完善了。

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

每只猫咪的图鉴都可以打开。

打开后能看到有多少同学遇见过它，还有它目前的简要档案、简介，以及最近目击和常出没地点的信息。

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

还可以分享一张猫咪分享卡片。

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

我还设置了一张比较卡通的校园地图，可以在里面交互和拖动。

点击某个位置后，可以直接在这个位置加入校园流浪猫的图鉴，「发现时间」可以选择今天、近 3 天或近 7 天。

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

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

看完上面的案例，可以看到 WorkBuddy 已经解决了微信小程序制作里不少原本比较麻烦的环节。

下面这个「一句话情绪日记」Case，我们会把整个过程完整拆开，具体看看从一个想法开始，到最后做成并发布微信小程序，WorkBuddy 分别帮用户处理了哪些步骤。

【2】一句话情绪日记

最近我发现，身边很多团队和朋友的工作节奏都很快、很累。很多人晚上有记录当天心情的习惯。

所以我想做这样一个小程序：每天只写一句话，让 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。

把这些信息一键复制到 WorkBuddy 里，它就会自己开始编译，并生成真机预览的二维码。

随后它提示我们，用微信扫描这个二维码，就能在真机上体验一句话情绪日记小程序。

所以算上开发时间，大概 3 个小时之内，就能上线一个比较简单的微信小程序。

之后还可以根据真机测试的情况，在这个页面让 WorkBuddy 继续迭代。

整个流程里比较重要的一点是，在 WorkBuddy 里做微信小程序时，可以很方便地调用它的云端保存和数据库功能。

也就是说，小程序上线之后，所有用户数据和文件都会保存在这个云服务里。

下面来看看这个可爱的小程序具体怎么玩。

进入小程序后，可以直接在输入框里写下今天的心情，或者一件事。

点击对勾，AI 就会解析这段内容。目前测试用的是离线识别，我们也可以在后台设置 API。解析完成后，表情包会从屏幕最下方以瀑布流的形式升上来。

再比如输入「我今天好难受，国庆假期可能要加班」，就可以替换今天的记录。

随后会升起一组完全不同的表情包瀑布流：

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

为了在工作摸鱼的时候让大家的手上有点事做，我还为表情包瀑布流设置了一种玻璃弹球式的交互。

你可以拖动瀑布流里任意一个表情包，周围其他表情包会随之发生弹球式的物理碰撞，效果比较自然。

小程序还有一个月度回顾功能。

你可以看到一共记录了多少天的情绪、情绪整体的分布情况，以及本月的表情墙大致由哪些表情组成。

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

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

前面提到，我们用了四套开源表情包项目，每一套样式都不同。

除了前面展示的那一套，另外三套的效果我也附在下面了。在最下方「我的」页面里，可以直接切换表情包。

所以整体来看，现在用 WorkBuddy 做微信小程序确实很轻便。

以往比较难处理的卡点，比如云服务和数据库，现在都能在 WorkBuddy 里一键完成。而且能在 WorkBuddy 里直接交互和测试，所以迭代起来也很方便。

🚥

AI 写代码现在已经非常普遍了，Vibe Coding、Vibe Working，甚至还有 Vibe Worlding  这些概念的产生，都深入到了很多非开发者的日常 workflow 里，这种工作方式已经被很多人接受了。

但在很多场景里，AI 能学习的样本仍然很少，模型因此很难训练好，微信小程序就是其中之一。

现在，腾讯这样本身就有大量产品和资源的厂商，也开始通过 WorkBuddy 这类产品，把这些能力一个个补上。

这对独立开发者意义很大，因为以前大家用 Coding Agent 做项目，选型大多集中在网站、iOS App 和安卓应用。

随着微信小程序的开发工具越来越成熟，独立开发者能做的东西也会越来越多，接下来，小程序的应用数量也会很快增加。

Agent 真正大规模进入工作，或许就从这些越来越具体的场景开始。

文章来自于微信公众号 “十字路口Crossing”，作者 “十字路口Crossing”