Agent Skills
返回列表
微信小程序前后端开发与150+API对接

微信小程序前后端开发与150+API对接

开发编程 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @org-w6z3mi51/miniprogram-general-dev。

技能介绍

解决的具体问题

原生微信小程序开发中,前后端对接的麻烦通常集中在三处:接口数量多且分散,通用、账号、用户、内容、商品、购物车、结算等模块混在一起,人工整理容易漏参数;鉴权逻辑重复,每次请求都要补 guid、authorization、shopId,维护成本高;业务边界不清晰,商城能力常常被硬编码,想做资讯、分销、会员或表单小程序时,交易模块又很难拆掉。

技能如何工作

该技能围绕优社云 OpenAPI(dev.ushopun.com)提供一套通用小程序开发规范,接口前缀统一为 /api/v1,返回体统一为 ApiResponse。核心能力包括:

  • 统一请求封装:通过 api/api.js 和 api/conf.js 收敛请求入口,自动处理鉴权 Header。
  • 鉴权分级:[ApiAuthorize] 表示必须登录,[ApiAuthorize(false)] 表示匿名可访问,无标记表示公开接口。
  • 状态码处理:200 渲染 Data,250 用 wx.showToast 提示,301 做页面跳转,401 清 token 并跳登录,403/404/220/350 分别对应模块未开启、数据不存在、需升级、审核未通过。
  • 业务模块可裁剪:商品、购物车、订单等交易模块是可选的,剔除后可以生成纯资讯、纯分销、纯会员、纯表单小程序。

对接时先配置后端地址和接口常量,再按页面调用 api.get(conf.xxx, params) 或 api.post(conf.xxx, data)。例如 /api/v1/common/banner 返回轮播图,/api/v1/account/login 返回 AccessToken,/api/v1/customer/info 获取用户信息。注意 /account/checkaccount 的 Code 是 1 可用 / 0 不可用,不能套用标准状态码。

适用边界与注意点

  • 只适用于原生微信小程序,不适用于 Taro、uni-app 等跨端框架。
  • 后端数据源固定为优社云 OpenAPI,换成其他后端需要重新适配路径、返回体和鉴权。
  • shopId 依赖用户选择门店或自提点后的本地缓存,未选择时相关接口可能失败。
  • 富文本可选 wxParse,样式单位统一使用 rpx,图标方案为 iconfont。
  • 需要登录的接口如果 authorization 失效,应按 401 处理并跳转登录,而不是继续渲染。

使用场景

  • 接手原生微信小程序项目,需要按统一规范封装 `api/api.js` 与 `api/conf.js`,并接入优社云接口。
  • 开发资讯或表单类小程序,需要复用通用与内容接口,剔除商品、购物车和订单模块。
  • 实现登录态与用户资料页,需要对接 `/account/login`、`/customer/info` 等接口并处理 `ApiResponse` 状态码。

适合人员

  • 正在使用原生框架开发微信小程序的前端工程师,需要快速对接后端接口。
  • 负责小程序架构的技术负责人,希望按业务裁剪模块并统一请求封装。
  • 需要把优社云 OpenAPI 封装成可复用前端模块的开发者,关注鉴权与状态码处理。