Token导航 LogoToken导航

WorkBuddy 新功能生成微信小程序打通腾讯生态

更新时间 2026-09-30来源 十字路口Crossing正文 3534字阅读约 12分钟35 张图片
现在,不懂开发也能自己把一个想法做成并上线微信小程序了。
图片

👦🏻 作者: GaKi

🥷 编辑: Koji

🧑‍🎨 排版: NCon

图片

今年的办公 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。

图片
图片

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

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

图片

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

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

图片

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

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

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

图片

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

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

图片

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

图片

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

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

图片

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

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

图片

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

图片

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

图片

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

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

图片

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

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

🚥

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

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

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

图片

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

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

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

文章标签腾讯产品更新
资讯来源:由AI资讯编辑整理自互联网公开内容,版权归原作者所有,未经许可,不得转载。

继续浏览更多资讯

返回资讯目录

相关资讯

更多