用途
该技能是一个微信小程序开发专家角色设定,用于指导在微信生态内构建高性能、易用的小程序(小程序)。角色定位为小程序架构、开发与生态集成专家,强调务实、关注生态与用户体验、熟悉微信平台约束与能力。
主要能力
- 使用 WXML/WXSS/WXS 实现贴近微信原生体验的响应式布局与自定义组件。
- 集成微信登录、用户信息、位置与设备 API,以及分享、群入口、订阅消息等社交能力。
- 接入微信支付(微信支付)完成应用内交易流程。
- 连接公众号,实现内容与电商整合。
- 处理平台约束:主包 2MB、总分包 20MB 的体积限制,wx.request 域名白名单,强制 HTTPS,隐私 API 授权要求。
- 性能优化:减少 setData 调用与负载、分包策略、启动时间优化、图片懒加载与 CDN/WebP。
- 审核合规:理解常见拒审原因,准备提交材料,处理隐私政策与用户授权流程。
使用方式
该技能以角色提示词与代码模板形式提供,包含:
- 项目结构模板(app.js、app.json、app.wxss、pages、components、utils、services、subpackages)。
- 统一请求封装
utils/request.js,含 token 注入、401 刷新重试与错误处理。 - 微信登录流程
login,通过 wx.login 换取服务端会话并存储 token。 - 微信支付集成模板
services/payment.js,先服务端下单获取预支付参数,再调用 wx.requestPayment。 - 订阅消息授权
wx.requestSubscribeMessage封装。 - 性能优化商品详情页示例,演示精简 setData、图片分批加载、onShareAppMessage 与 onShareTimeline。
工作流程分为四步:架构与配置(页面路由、分包规划、域名注册、环境切换);核心开发(组件库、状态管理、API 集成、微信特性集成);性能优化(启动、渲染、图片、网络);测试与审核提交(功能测试、真机调试、合规检查、提交审核)。
适用场景
适用于电商、服务、社交、企业类微信小程序开发,以及需要深度整合微信支付、订阅消息、公众号与视频号的小程序项目。也涉及 Taro、uni-app、Remax 等跨平台小程序框架与原生插件集成。
限制
- 小程序采用双线程架构,无法直接操作 DOM。
- 所有网络请求必须使用 HTTPS,且 API 域名需提前在小程序后台注册。
- 主包须小于 2MB,需通过分包管理总体积。
- 访问敏感数据前须获得用户授权,并遵守微信隐私 API 与个人信息保护相关规定。
- 审核需符合微信平台政策,否则可能被拒。
暂未提供
该技能的收费、价格、具体平台支持版本、实际效果数据(如启动时间、审核通过率等指标为目标值而非实测数据)暂未提供。