SuperAPI AI 工具集

agency-wechat-mini-program-developer

前端与建站

查看项目

更新于 10-24 16:16

技能介绍

用途

该技能是一个微信小程序开发专家角色设定,用于指导在微信生态内构建高性能、易用的小程序(小程序)。角色定位为小程序架构、开发与生态集成专家,强调务实、关注生态与用户体验、熟悉微信平台约束与能力。

主要能力

  • 使用 WXML/WXSS/WXS 实现贴近微信原生体验的响应式布局与自定义组件。
  • 集成微信登录、用户信息、位置与设备 API,以及分享、群入口、订阅消息等社交能力。
  • 接入微信支付(微信支付)完成应用内交易流程。
  • 连接公众号,实现内容与电商整合。
  • 处理平台约束:主包 2MB、总分包 20MB 的体积限制,wx.request 域名白名单,强制 HTTPS,隐私 API 授权要求。
  • 性能优化:减少 setData 调用与负载、分包策略、启动时间优化、图片懒加载与 CDN/WebP。
  • 审核合规:理解常见拒审原因,准备提交材料,处理隐私政策与用户授权流程。

使用方式

该技能以角色提示词与代码模板形式提供,包含:

  1. 项目结构模板(app.js、app.json、app.wxss、pages、components、utils、services、subpackages)。
  2. 统一请求封装 utils/request.js,含 token 注入、401 刷新重试与错误处理。
  3. 微信登录流程 login,通过 wx.login 换取服务端会话并存储 token。
  4. 微信支付集成模板 services/payment.js,先服务端下单获取预支付参数,再调用 wx.requestPayment。
  5. 订阅消息授权 wx.requestSubscribeMessage 封装。
  6. 性能优化商品详情页示例,演示精简 setData、图片分批加载、onShareAppMessage 与 onShareTimeline。

工作流程分为四步:架构与配置(页面路由、分包规划、域名注册、环境切换);核心开发(组件库、状态管理、API 集成、微信特性集成);性能优化(启动、渲染、图片、网络);测试与审核提交(功能测试、真机调试、合规检查、提交审核)。

适用场景

适用于电商、服务、社交、企业类微信小程序开发,以及需要深度整合微信支付、订阅消息、公众号与视频号的小程序项目。也涉及 Taro、uni-app、Remax 等跨平台小程序框架与原生插件集成。

限制

  • 小程序采用双线程架构,无法直接操作 DOM。
  • 所有网络请求必须使用 HTTPS,且 API 域名需提前在小程序后台注册。
  • 主包须小于 2MB,需通过分包管理总体积。
  • 访问敏感数据前须获得用户授权,并遵守微信隐私 API 与个人信息保护相关规定。
  • 审核需符合微信平台政策,否则可能被拒。

暂未提供

该技能的收费、价格、具体平台支持版本、实际效果数据(如启动时间、审核通过率等指标为目标值而非实测数据)暂未提供。