跳到正文
世傲命的技术观测站 PERSONAL TECHNOLOGY OBSERVATORY
学习 微信小程序 2026-06

微信小程序

微信小程序开发者学习路径

微信 AI 生态接入要求开发者至少拥有可被微信 AI 调用的小程序业务能力。对个人来说,先成为小程序开发者,才有资格把自己的服务封装成小程序能力,再进一步做 AI Agent 入口。

来源:wiki/courses/微信小程序开发者学习路径.md

这篇适合谁读

这篇适合想把轻量工具、内容服务或 AI 能力落到微信生态的人阅读。重点是先具备小程序开发和上线能力,再进一步理解微信 AI 接入需要的服务拆分方式。

新标签方向:微信小程序开发者。目标不是泛泛学前端,而是为了具备注册、开发、上线小程序,并进一步接入微信 AI / 小程序 AI 开发模式的能力。

为什么现在学

微信 AI 生态接入要求开发者至少拥有可被微信 AI 调用的小程序业务能力。对个人来说,先成为小程序开发者,才有资格把自己的服务封装成小程序能力,再进一步做 AI Agent 入口。

这条路线和当前的独立开发、AI 工具、知识库产品化、机器人内容号都有连接:小程序可以承载轻量工具、内容服务、预约/查询/交易闭环,也可能成为微信 AI 未来调用第三方服务的入口。

学习目标

  1. 能注册并配置一个小程序账号。
  2. 能使用微信开发者工具创建、调试、预览和上传项目。
  3. 能理解小程序基本结构:app.json、页面、组件、WXML、WXSS、JS、API。
  4. 能做一个最小可上线项目:信息展示 + 表单提交 + 数据存储/云开发或后端 API。
  5. 能理解上线流程:类目、备案/认证、代码上传、版本审核、发布。
  6. 能为微信 AI 接入做准备:把业务拆成原子接口、原子组件和 SKILL

30 天路线

第 1 周:账号和基础框架

  • 注册微信公众平台小程序账号,拿到 AppID。
  • 安装微信开发者工具,跑通官方模板项目。
  • 学习小程序目录结构和页面生命周期。
  • 练习:做一个“个人资料/作品展示”小程序,包含首页、详情页、关于页。

验收标准:手机微信能预览自己的开发版小程序。

第 2 周:组件、API 和数据

  • 学习常用组件:viewtextimagebuttoninputformscroll-view
  • 学习常用 API:路由、存储、网络请求、登录态、用户授权边界。
  • 决定数据方案:先用本地 mock,再选择云开发或自建后端。
  • 练习:做一个“学习资源收藏/待办清单”小程序。

验收标准:能新增、查看、编辑、删除一条记录,并在刷新后保持数据。

第 3 周:产品闭环和上线准备

  • 学习小程序类目、隐私协议、用户信息和审核要求。
  • 梳理一个真实小工具:例如知识库查询入口、学习计划、内容号资料库、机器人产品资料卡。
  • 完成基础 UI 和交互状态:空状态、加载、错误提示、表单校验。
  • 准备测试账号和版本说明。

验收标准:完成一个可提交审核的最小版本。

第 4 周:面向微信 AI 的能力拆分

  • 阅读小程序 AI 开发模式文档。
  • 用官方 ai-mode-demo 跑通 WeStoreCafe 点单示例。
  • 选择自己的一个业务场景,拆成 3-6 个原子接口。
  • 编写第一版 SKILL.mdmcp.json 草案。

验收标准:能解释自己的业务如何被微信 AI 调用,并形成一个 SKILL 设计文档。

第一个建议项目

优先做“微信小程序开发者学习笔记 + 资源导航”小程序。

原因:

  • 范围小,不需要复杂商业资质。
  • 和这条学习路线本身一致,做的过程就是学习证据。
  • 后续可以扩展成个人知识库入口、课程索引、AI 学习助手。
  • 若微信 AI 能力进一步开放,可以把“查询学习路线/推荐下一步任务”封装为 SKILL。

MVP 功能:

  • 学习路线首页
  • 每日任务列表
  • 官方文档入口
  • 学习笔记详情
  • 完成状态记录

和微信 AI 接入的衔接

普通小程序开发能力解决“有一个服务”的问题;微信 AI 开发模式解决“这个服务能被 AI 对话调用”的问题。

后续接入时优先拆这些能力:

能力原子接口示例原子组件示例
查询学习阶段getLearningStage学习阶段卡片
推荐下一步任务getNextTasks今日任务卡片
查询官方资源searchResources资源列表卡片
记录学习进度saveProgress进度确认卡片

关键原则:

  • 业务 ID 不让 AI 猜,必须来自上游接口返回。
  • 接口失败时给明确出口,不只报错。
  • content 写事实和下一步动作,structuredContent 写模型可理解的数据,_meta 放渲染数据。
  • 核心流程尽量在小程序 AI 内闭环,文字链只做兜底。

近期行动

  • 先注册/确认小程序账号和 AppID。
  • 安装微信开发者工具,并跑通官方 QuickStart。
  • 用 7 天完成一个静态展示型小程序。
  • 用 30 天完成一个可提交审核的学习路线小程序。
  • 等开发模式权限可用后,再把其中一个功能拆成 SKILL

COMMUNITY DISCUSSION

评论

使用 GitHub 账号登录后参与讨论,评论会同步到 GitHub Discussions。