← 返回 · 经验和知识 已发布

手把手教你用 WorkBuddy 手搓一个微信小程序

不用学编程、不用买服务器、不用写一行代码——WorkBuddy + 腾讯云开发 CloudBase + 微信开发者平台,三件套从零基础到小程序上线。整理自腾讯技术公益直播分享。

技术公益WorkBuddy微信小程序云开发零代码

本文整理自「腾讯技术公益」直播分享。不用学编程、不用买服务器、不用写一行代码——WorkBuddy + 腾讯云开发 CloudBase + 微信开发者平台,三件套技术栈,从零基础到小程序上线,这一篇讲透。

目录

  1. 微信小程序是什么?
  2. 技术栈三件套,搞定一切
  3. 先体验一下:劳动储蓄罐
  4. 想清楚再做:需求分析(附 PRD)
  5. 动手:注册 + 开通云开发
  6. 费用到底多少?
  7. WorkBuddy 生成整个项目
  8. 核心技能:报错修复循环
  9. 文档型数据库 ≠ Excel
  10. 云函数:让数据”活”起来
  11. 真机测试
  12. 认证 + 发布上线
  13. 案例:劳动储蓄罐

01 微信小程序是什么?

你可能每天都在用,只是没意识到——微信里点的外卖、打的车、扫的健康码,那些不是 App,是小程序。

  • 📱 不用下载:打开微信就能用,不像 App 要去应用商店下载、等安装。
  • ☁️ 不占空间:不用的时候不占手机内存,扫码或搜索,秒开。
  • 👤 谁都能做:个人免费注册,免费开发,不认证也能发布上线。
对比项普通 App微信小程序
安装方式要下载安装扫码即用
存储空间占手机内存用完即走
开发门槛需专业团队个人就能做
上线成本几万起步认证 300 元(可选)

你可能会想:做小程序是不是要先学编程?学语法、写代码、调 Bug?

答案是:不用。WorkBuddy 帮你写所有代码。你要学的不是编程,是让 AI 帮你编程。

02 技术栈三件套,搞定一切

今天只用三个东西,全部免费,缺一不可。

  • 🤖 WorkBuddy:AI 编程助手。你说需求,它写全部代码,你不需要懂编程。
  • ☁️ 腾讯云开发 CloudBase:云端后端。数据库、云函数、存储全在云端,免费额度够用,不用买服务器。
  • 💬 微信开发者平台:小程序载体。注册账号、开发者工具、认证发布,小程序住在这里。

一句话记住三者关系:微信开发者平台是「舞台」,CloudBase 是「后台」,WorkBuddy 是「导演」。

AI 补上你不会写代码的短板,腾讯全家桶零成本——这就是公益组织也能零门槛数字化的答案。

03 先体验一下:劳动储蓄罐

别急着动手。先花 30 秒,扫下面的小程序码,玩一下「劳动储蓄罐」——这就是我们今天要手搓出来的东西。

劳动储蓄罐小程序码

微信扫码即可体验(真实上线的小程序)

它是干什么的?家里孩子做家务赚积分,家长管理任务和奖励。

功能很简单:储蓄罐(看积分)、任务(做家务赚分)、奖励(积分换东西)、记录(流水)、家长中心(管理)。5 个页面,就是一个完整的真实小程序。

为什么拿一个「家庭家务」的小程序当例子? 两个原因:

  1. 它是最典型的小程序:储蓄罐、任务、奖励、记录、家长管理——增删改查 + 页面跳转 + 云数据库 + 云函数,小程序该有的核心能力它全有。你今天跟着做完这一个,换做任何需求(志愿活动管理、捐赠登记、会员积分……)方法完全通用。
  2. 这个小程序是我和 8 岁的儿子一起完成的:从聊需求到上线,他都能听懂。一个小学生能跟下来的流程,门槛就够了低——你当然也行。

所以别被「家庭」两个字限制住,它只是个趁手的练习场。

04 想清楚再做:需求分析

动手之前,先想清楚做什么。这一步做得越透,后面越省力——能让你事半功倍。

第一步:先跟你的用户聊清楚需求

很多人一上来就想着”我要做个什么样的界面”,这是反的。先别急着画页面,先去问你的用户到底要什么。

比如劳动储蓄罐,先问家长和孩子:你们最头疼的是什么?“孩子做家务没动力""积分算不清""奖励没地方记录”——这些问题,就是你的需求来源。

核心心法:跟用户聊清楚了再开发,会事半功倍。需求没搞清楚就动手,做得再漂亮也是白做。

第二步:用 MVP 思维做取舍

MVP = Minimum Viable Product,最小可用产品。大白话:第一版只做最核心的功能,贪多嚼不烂。

  • ✅ 第一版做什么:核心功能——积分 + 任务 + 奖励。5 个页面就够了,能用就是胜利。
  • ❌ 第一版不做什么:排行榜、社交分享、复杂动画——全砍掉,后面根据真实反馈再加。

能用的产品,比完美的想法值钱 100 倍。

第三步:让 WorkBuddy 帮你出 PRD 文档

需求聊清楚了,接下来整理成一份 PRD(产品需求文档)。这一步你完全可以让 WorkBuddy 加入进来,一起梳理。

你可以这样跟 WorkBuddy 说:

我想做一个”劳动储蓄罐”小程序,帮家长管理孩子做家务赚积分。我已经跟几个家长聊过,他们的问题是:孩子做家务没动力、积分算不清、奖励没地方记录。请你帮我梳理一份 PRD 文档,包括:要解决什么问题、有哪些页面、每个页面有什么功能、页面之间怎么跳转。

WorkBuddy 会帮你整理出结构化的需求文档,你只要确认它理解得对不对,再补充你的想法,来回几轮,一份清晰的 PRD 就出来了。

为什么这一步重要? PRD 就是给 WorkBuddy 看的「说明书」。你写清楚了、它理解了,后面生成的小程序才靠谱。需求阶段聊得越透,开发阶段返工越少。

需求文档长这样(模板)

【小程序名称】劳动储蓄罐
【要解决什么问题】家里孩子做家务赚积分,家长管理任务和奖励
【有哪些页面】
1. 首页:大积分数字 + 切换孩子 + 最近动态
2. 任务页:任务列表 + 完成任务按钮
3. 奖励页:奖品列表 + 兑换按钮
4. 记录页:积分流水(谁干了什么、加减多少分)
5. 家长中心:管理孩子、查看统计
【页面之间怎么跳】底部 TabBar:储蓄罐 | 任务 | 奖励 | 记录 | 家长

05 动手:注册 + 开通云开发

三样工具,全部免费,十分钟内全部搞定。

第一步:注册小程序

  1. 访问 mp.weixin.qq.com → 立即注册,选「小程序」,填邮箱激活。
  2. 选「个人」主体 + 实名认证,填姓名、身份证号,微信扫码确认——免费。
  3. 找到 AppID → 保存:开发 → 开发设置 → AppID(wx 开头的一串),复制保存。这就是你的小程序「身份证」。

第二步:开通腾讯云开发

  1. 打开微信开发者工具 → 新建项目,AppID 填你自己的,选择「微信云开发」模板。
  2. 点击「云开发」按钮 → 开通,选免费版,个人额度:5GB 存储、2 万次/月云函数调用——够用。
  3. 找到 环境 ID → 保存:cloud1-xxx,记下来。这就是你的「免费服务器」。

两个 ID 记住:AppID = 身份证,环境 ID = 后台地址。都免费。

06 费用到底多少?

一次说清楚,别被”做小程序很贵”吓到。

  • 0 小程序注册:免费
  • 0 腾讯云开发:免费额度
  • 300 微信认证:一次性 · 可选
  • 19 云开发基础套餐:测试免费 · 发布后约 19 元/月

不认证也能发布和使用! 300 元认证费的作用只有一个:让你的小程序能被微信搜索和分享。不认证也完全不影响开发和上线,朋友扫码就能用。

关于每月 19 块钱

开发测试阶段,腾讯云开发基础套餐最多免费使用半年。你可以放心测试、迭代、找朋友帮测、生成体验版——这半年都不需要交钱。

只有当你正式发布上线之后,如果还在用基础套餐,才需要交大约 19 元/月。换句话说:测试期间安心做,半年内慢慢打磨,不用考虑钱的事。等你真的需要交这 19 块的时候,说明你的小程序已经有人在用了——这是好事。如果用户量还没到一万,19 元/月的额度完全够用。

总结

项目费用说明
小程序注册0 元个人主体免费
腾讯云开发免费额度开发测试阶段够用
微信认证300 元可选不认证也能发布使用
云开发基础套餐测试免费 → 19 元/月最多半年免费,发布后才需付费;用户没上万够用

07 WorkBuddy 接手:生成整个项目

把需求文档(PRD)喂给 WorkBuddy,它帮你生成完整的小程序项目。

你说:帮我做一个小程序,有 X 个页面…… → WorkBuddy 生成完整项目文件夹 开发者工具打开项目 → 自动编译 → ✅ 看到效果

具体怎么做:

  1. 把需求文档发给 WorkBuddy:「请根据这份需求文档,帮我生成一个完整的微信小程序项目。」
  2. WorkBuddy 生成项目文件夹:它会创建所有文件——wxml 页面、wxss 样式、js 逻辑——你不用理解任何一个。
  3. 开发者工具打开项目 → 自动编译:AppID 填你自己的,模拟器里就出现你的小程序页面了。

关键点:你不需要打开任何文件、逐行粘贴代码。WorkBuddy 生成整个项目,开发者工具打开就自动编译。你只负责两件事:说想要什么,看效果。

08 核心技能:报错修复循环

这是整个流程里最重要的技能。编译报错不可怕,截图给 WorkBuddy 就行。

编译成功 ✅ · 报错 ❌ → 截图报错 → 发 WorkBuddy:“这里报错了” → WorkBuddy 修复项目文件 → 开发者工具自动重编译 → ✅ 好了!

具体流程:编译报错了 → 看 Console 的红色报错 → 截图 → 发给 WorkBuddy:「编译报错了,帮我修」→ WorkBuddy 给出修复 → 开发者工具自动检测文件变化、自动重编译 → 好了。

报错不可怕,截图给 WorkBuddy 就行。 这就是你做小程序的全部技术。你不需要理解任何代码——WorkBuddy 帮你理解。

09 文档型数据库 ≠ Excel

云开发用的是「文档型数据库」,不是那种表格一样的 SQL 数据库。

  • 📊 SQL 数据库:像 Excel,固定行列,改结构很麻烦。
  • 📝 文档型数据库:像便利贴,每张贴纸写什么都行,自动适应。

三个术语:集合 = 一堆便利贴 | 文档 = 一张便利贴 | 字段 = 便利贴上的信息。记不住没关系,用着用着就熟了。

怎么建?打开云开发控制台 → 数据库 → 新建集合(比如「parents」存家长信息)。不用定义字段结构,直接建——文档型数据库自动适应,WorkBuddy 会告诉你每个「便利贴堆」里放什么。

什么时候上 SQL 型数据库? 如果将来数据结构比较复杂、要给很多人用、要做复杂查询和统计,最好还是上 SQL 型数据库——云开发也自带,按需切换即可。WorkBuddy 也能帮你平滑迁移。

10 云函数:让数据”活”起来

云函数 = 跑在微信服务器上的后台程序。

好消息:WorkBuddy 生成项目时已经自带云函数了,你不需要让它重新生成。只需要知道在哪找、怎么上传。

  1. 找到 cloudfunctions/ 文件夹:在开发者工具左侧文件列表里,你的项目已自带云函数。
  2. 右键 → 上传并部署:选中云函数文件夹,右键「上传并部署:云端安装依赖」。
  3. 页面和数据接上线:任务完成→积分变、兑换奖励→积分扣——小程序「活」了!

11 真机测试:手机上看到你的小程序

点击”预览” → 生成二维码 → 手机微信扫码 → 在手机上看到!

  • 🔍 自己测三遍:每个按钮都要有反应、数据能保存和加载、页面切换正常。
  • 👥 朋友帮测一遍:生成体验版二维码发给微信好友,他们发现问题→截图给你→喂给 WorkBuddy。

12 认证 + 发布上线

开发者工具→上传 → 后台→版本管理 → 提交审核 → 发布上线!

  • 📌 微信认证(可选):300 元一次性费用。认证后小程序可被搜索、被分享;不认证也能发布使用,朋友扫码就能用。
  • ✅ 发布必做:审核提交免费;如果被拒,WorkBuddy 改→重传(免费);发布后微信搜到你的小程序。
  • 📋 工信部小程序备案:发布过程中会受到「小程序备案申请」提示,按提示下载协议、签字、上传就行。这是合规要求,跟着提示走就好。

13 案例:劳动储蓄罐

这就是你今天能做出来的小程序——家里孩子做家务赚积分,家长管理任务和奖励。

首页 · 储蓄罐 任务页 奖励页 积分记录页 家长中心

储蓄罐 · 任务 · 奖励 · 记录 · 家长中心——5 个页面,一个真实上线、能扫码体验的小程序。回到文章顶部,扫那个小程序码,就能亲手玩一玩。

你不是学了编程,你是证明了:零基础也能做开发者。

WorkBuddy + 腾讯云开发 + 微信开发者平台,三件套,零成本,零门槛。你的公益项目、你一直想做的那个小程序,都值得被做出来。今天就动手吧。


📱 关注公众号「愚人益语」· 公益 × AI 的持续分享

公众号「愚人益语」二维码

🌐 访问工作室网站:更多案例、源码与 WorkBuddy 技巧 www.insigoo.com.cn

insigoo 数字工作室 · 腾讯技术公益分享 技术栈:WorkBuddy · 腾讯云开发 CloudBase · 微信开发者平台

想让 insigoo 帮你把公益场景变成小程序或智能工具?欢迎到 合作与咨询 聊聊需求。