WorkBuddy 零基础开发微信小程序教程 附实战案例

如今，让 AI 随手敲几段小程序前端代码，早已不是什么稀罕事。

只要你给一段 Prompt，市面上大部分主流大模型都能洋洋洒洒输出几百行代码。

但对绝大多数没有工程背景的普通玩家来说，真正的门槛往往发生在代码生成之后：

没有现成的后端服务支撑数据存储，还得装微信开发者工具，手动去公众平台配置 AppID、手动打包、上传代码……很多绝妙的灵感，往往就卡死在这一长串繁琐枯燥的工程配置链路里。

把代码写出来只是前 10%，剩下 90% 的工程交付，才是阻碍大家把想法落地的拦路虎。

最近，WorkBuddy 升级，针对微信小程序开发带来了一次非常关键的迭代：云服务自动接入、扫码绑定自有小程序账号、代码直接上线。

这是我用 WorkBuddy 制作的 猫咪健康管理小程序 实测效果。

话不多说，下面用我的实操过程带大家一起做一个属于自己的小程序。

01. WorkBuddy 一句话直出微信小程序

家里养猫的朋友都知道，猫咪的体重浮动是判断健康最敏感的指标，再加上定期驱虫和疫苗，琐碎但极其重要。

所以我做了一个「多猫咪健康管理小程序」。在小程序里建立多只猫咪的档案，记录体重、驱虫和疫苗的记录，以及提醒。

我们打开 WorkBuddy，

切换到代码开发模式，选择小程序功能按钮，或者直接在提示词里说明要开发一个微信小程序，然后输入提示词就行。

提示词：帮我开发一个多猫咪健康管理小程序。支持添加不同猫咪档案（名字、头像、品种、生日）；核心功能是记录猫咪每次称重的数值，并用平滑折线图展示体重增长趋势；支持记录下次驱虫、疫苗时间，并自动计算剩余倒计时；所有档案和记录需保存在云端数据库。

WorkBuddy 会主动跟我们确认是否需要开启云服务。

在我们确认之后，WorkBuddy 会开通云服务来保存猫咪档案和记录。并在云服务中开通猫咪健康应用，建立数据库表结构。

代码构建完成后，WorkBuddy 在右侧栏直接提供了 H5 近似效果预览，界面的布局、色彩排版和交互响应一目了然。

我们点击右上角的分享按钮，就可以直接上线微信小程序。

以往在这个环节，我们需要打开微信公众平台去申请测试号或正式 AppID，再把 AppID 填入本地开发工具反复核验。

在 WorkBuddy 里，我们点击分享后，哪怕我们没有现成的小程序账号，可以直接扫码创建小程序。

我们选择试用版小程序先体验看看，点击发布。

我们就可以扫码体验试用版小程序啦。

小程序启动后直接支持微信一键授权登录以及手机号验证码登录。

过去要搞定这两个登录体系，我们要自己去调用微信开放能力、搭建后端接口、配置短信服务和签名密钥。

现在，这些接入工作 WorkBuddy 可以统一处理，我们可以直接使用现成的登录能力。

我们可以添加猫咪信息。

我们可以记录小猫咪的体重变化。设定疫苗记录、驱虫周期。

添加的猫咪信息，WorkBuddy 已经帮我们同步在云服务器中。

小程序的访问数据也会在云服务器中查看：

所有的代码文件都已经保存在本地文件夹中，支持二次编辑。

小程序中不完善的地方，我们直接在 WorkBuddy 对话框中用自然语言描述需求，就能持续迭代。

我还给小程序加了一个 AI 功能，养宠过程中，新手总会遇到各种突发问题，WorkBuddy 可以免密钥调用大模型，实现智能问答、内容生成等 AI 能力。

我在界面底部增加了一个 AI 养猫助手功能，直接输入我们的问题，或者输入图片，大模型会识别我们的问题，帮我们解答。

功能优化完成后，只需再次点击右上角的分享与更新，新的代码便会直接同步。

无门槛创建的试用版拥有 14 天的有效期，适合分享给朋友们体验，小范围收集反馈，等到功能足够完善后，再一键发布为正式版。

02. 一些分享

AI 编程正在经历一场从生成片段代码到交付完整应用的质变。

大家享受那种一边喝咖啡一边用自然语言 Vibe Coding 的快感。但在国内环境下，很多 Web 端的作品存在访问壁垒，难以真正融入大众日常的社交与工作。而微信小程序，恰恰是国内触达成本最低、即开即用属性最强的载体。

WorkBuddy 没有把精力耗费在多写几行酷炫的前端代码上，而是真正下沉到了微信生态最底层。它把数据库搭建、鉴权登录、文件存储、AI 推理通道以及多版本发布等沉重的工程接了过去，让开发者和内容创作者更专注于产品。

从一个脑海中的健康管理念头，到手机屏幕上跳动着的折线图、带云端同步和 AI 问答的真实小程序，开发周期大大缩减与枯燥的。

属于超级个体的轻应用爆发期，或许就从这种彻底抹平交付门槛的工具开始。

原文链接： WorkBuddy 新升级，一句话上线小程序