Laptop and coffee on a wooden table

零基础一下午做出微信小程序:从想法到体验版的完整路径

零基础教程:借助 AI 工具(如 WorkBuddy)生成代码,配合微信开发者工具,从导入项目、修复报错、真机预览、体验版分享,到云开发存数据和提审上线,完整走通微信小程序从 0 到 1 的流程。适合完全没写过代码的人。

想做个微信小程序,很多人第一反应是被一堆概念拦住:微信开发者工具、项目目录、AppID、云开发、数据库、上传、版本管理……一行代码还没写,就已经卡壳了。

其实在 AI 工具的帮助下,没写过代码、没做过小程序的人,也能在一个下午把基础版本跑通。下面按实际流程,把关键步骤整理出来。

一、用 AI 定方向并生成代码

打开 WorkBuddy(或同类支持专家/技能的 AI 工具),找到「微信小程序开发者」相关能力,直接描述你的想法。

例如「做一个每日习惯打卡小程序」。
AI 会主动追问:数据怎么存、第一版功能做到什么程度、要不要提醒、界面风格偏好等。先别追求大而全,让它先搭 1.0 核心框架即可。

代码生成期间,你可以去下载安装「微信开发者工具」(官方稳定版),扫码登录备用。

建议:第一版只留一两个核心功能。功能越多,页面和报错越多,后续调试成本会明显上升。

二、导入项目并在电脑上跑起来

  1. 打开微信开发者工具,点击「+」新建项目。
  2. 项目名称随便起。
  3. 目录粘贴 AI 给你的项目文件夹地址。
  4. AppID 先选「测试号」(正式 AppID 后面再换)。
  5. 后端服务先选「不使用云服务」。

创建后点击信任并运行。顺利的话,左边模拟器、右边代码就会出现。

如果满屏红字,别慌——把调试器里的完整报错复制发给 AI,让它直接修。小程序不支持的网页写法(比如某些 CSS 效果)也直接告诉它换实现方式。改完记得强制编译刷新。

三、真机预览与基础自测

电脑模拟器跑通后,点「预览」生成二维码,用手机微信扫码打开。

注意区分:

  • 预览:自己大致看效果
  • 真机测试:更接近真实环境,建议以这个为准

自己先跑这五项,再考虑发给朋友:

  1. 能否成功添加一条记录
  2. 状态切换是否正常
  3. 退出重进后数据是否还在
  4. 删除后是否真的消失
  5. 空值提交是否有提示且不产生脏数据

改完任何一项,五项全部重测一遍。

四、注册正式 AppID,生成体验版

想让朋友扫码使用,需要正式 AppID:

  1. 去微信公众平台注册小程序账号(选「小程序」,个人主体即可)。
  2. 邮箱激活 + 实名验证。
  3. 在后台开发管理里复制 AppID(wx 开头)。
  4. 把正式 AppID 告诉 AI,让它帮你更新项目配置。
  5. 在开发者工具右上角「上传」,填写版本号(如 0.0.1)。
  6. 到公众平台版本管理,设为「体验版」,生成体验二维码。

体验版有期限(通常约 7 天),过期重新上传即可。适合内部试用和演示,此时还搜不到、也未正式发布。

五、数据持久化:开通云开发

本地存储换手机就丢,也没法多人共用。推荐直接用微信云开发:

  1. 工具顶部开通云开发,记下环境 ID(新用户常有免费额度)。
  2. 把环境 ID 交给 AI 配置。
  3. 在云开发控制台创建所需数据库集合,权限设为「仅创建者可读写」。
  4. 上传并部署云函数(如 login)。
  5. 重新导入项目时选择「微信云开发」并填入正式 AppID 和环境 ID。

这样数据就能云端保存了。

六、正式提审上线前的自查

体验版能跑 ≠ 能过审。提交前重点检查:

  • AppID 已换成正式的
  • 所有页面无白屏、无严重 bug
  • 如有网络请求,服务器域名已在后台配置(仅支持 https/wss,需备案域名)
  • 开发工具里「不校验合法域名」的选项已关闭并真机验证
  • 涉及用户信息的,已填写隐私保护指引
  • 名称、头像、简介、类目填写完整(个人主体类目选择有限,工具-效率或生活服务较常见)
  • 完成小程序备案(2024 年后强制,个人需身份证 + 人脸核验)
  • 微信认证可选(300 元/年),认证后可被搜索、分享带标识

把检查清单直接丢给 AI,让它帮你逐条核对项目并给出行动项,效率更高。

审核时间通常 1–7 天,功能越简单、越不涉及敏感类目,通过越快。

写在最后

整个过程的核心体验是:

  • 跟 AI 说需求 → 代码出来
  • 导入工具 → 页面跑起来
  • 报错丢回去 → 它自己修
  • 扫码 → 手机上能用
  • 上传 → 朋友能体验

从头到尾不需要自己写代码,但需要耐心处理报错、真机差异和微信后台的各种配置。

今晚只做一件事:把微信开发者工具装上。装完你会手痒,想丢点东西进去跑跑看——到那会儿,你就已经开始了。

AI 把「从零写代码」的门槛降了下来,真正卡住人的,变成了产品想法是否清晰、以及愿不愿意把基础流程跑通。

No comments yet