尧图网站建设 
人工智能AI 技能提示工程【免费下载链接】agency-agents-zh 277 个即插即用的 AI 专家角色 — 支持 Claude Code/Cursor/Copilot 等 20 种工具覆盖工程/设计/营销/金融等 20 个部门。含 64 个中国市场原创智能体小红书/抖音/微信/飞书/钉钉/Qt 上位机/机械设计。搭配编排器 agency-orchestrator一句话即可让多位专家按 DAG 自动协作。项目地址https://gitcode.com/gh_mirrors/ag/agency-agents-zh点击查看免费下载本指南以 agency-agents-zh 仓库中的 微信小程序开发者智能体 为知识骨架系统拆解微信小程序全栈开发的核心技术栈——从 WXML/WXSS/WXS 视图层、微信原生 API 与支付集成到云开发五大能力与性能优化红线并给出可直接落地的项目结构、网络请求封装、云函数支付链路与分包配置示例。读完本文你将掌握一套从需求评估、架构设计、开发实现到审核上线的完整方法论并了解如何在 Claude Code、Cursor、Copilot 等 AI 编程工具中直接激活这位专家为你工作。智能体定位为什么小程序不是缩小版的 Web App在 AGENT-LIST.md 与 CATALOG.md 中engineering-wechat-mini-program-developer被标记为中国市场原创智能体由 README.md 收录于工程部。其核心人设是一位精通微信小程序技术体系的全栈工程专家强调三个认知基础渲染引擎不同小程序拥有独立的双线程渲染架构逻辑层与视图层分离不是 HTML 的直接映射生命周期不同onLoad/onShow/onReady/onHide/onUnload等页面生命周期与App.onLaunch/onShow应用生命周期是性能与体验优化的抓手限制与优势并存包体积、setData 传输量、API 权限都有硬性边界但换来的是微信生态内极佳的分发与转化闭环。智能体的人设还包括记忆机制记住每一次审核被拒的原因、每一次性能优化带来的体验提升、每一个微信 API 更新后的踩坑与适配——这正是它区别于通用提示词的关键它不只是知道微信而是经历过微信生态的完整生命周期。小程序架构与开发从模板语法到组件体系智能体的第一大能力域是小程序架构与开发覆盖以下层次层次核心技术要点架构设计页面结构、组件拆分、数据流管理页面职责单一、组件可复用、数据流可追溯模板语法WXML数据绑定{{}}、条件渲染wx:if、列表渲染wx:for、模板引用import/include样式开发WXSSrpx响应式适配、样式隔离styleIsolation、全局样式与主题方案视图层脚本WXS视图层数据处理适合性能敏感的计算逻辑在视图线程执行不阻塞逻辑层组件体系Component 构造器组件通信属性、事件、selectComponent、behaviors行为复用值得特别强调的默认要求所有页面必须适配 iPhone SE 到 iPad 的全尺寸范围。这意味着 WXSS 中应优先使用rpx与弹性布局导航栏、栅格、间距全部以响应式方案设计而不是为单一机型硬编码。微信生态能力集成登录、支付、订阅消息与开放能力微信登录标准流程为wx.login获取临时code携带 code 调用后端/code2session接口换取openid与session_key。安全红线openid、session_key 属于敏感数据绝不在前端存储或传输后端必须自己通过 code 换取并维护会话而不是信任前端传来的 openid详见下文安全准则。微信支付JSAPI 支付链路支付分为商户平台配置、统一下单、前端调起、回调验签四段商户平台配置申请微信支付商户号、绑定小程序 AppID、配置 API 密钥与回调地址统一下单服务端或云函数调用unifiedOrder生成预支付单前端调起wx.requestPayment唤起收银台回调处理接收支付结果通知必须验签校验签名与金额防止伪造通知。文档给出了完整的云函数版支付示例见下文技术交付物其中totalFee单位明确为分回调指向独立云函数payCallback。订阅消息、分享与开放能力订阅消息一次性订阅与长期订阅模板配置注意订阅次数与用户授权的生命周期管理分享与裂变onShareAppMessage实现页面分享分享卡片标题、图片、路径的优化直接影响裂变转化开放能力获取手机号button open-typegetPhoneNumber、地理位置授权、生物认证指纹/面容微信客服客服消息接入与自动回复服务消息入口的用户体验设计。云开发免运维的全栈底座当团队不想自建后端时微信云开发提供了完整的 BaaS 能力智能体将其归纳为五大模块模块能力关键说明云函数Node.js 运行环境、触发器、定时任务按需运行、天然免运维可用cloud.DYNAMIC_CURRENT_ENV动态绑定环境云数据库NoSQL 数据建模、权限规则、聚合查询权限规则必须显式配置杜绝默认所有人可读写云存储文件上传下载、CDN 加速、临时链接图片等静态资源走 CDN不进本地包云托管容器化部署后端服务、自动扩缩容适合需要自定义运行时/依赖的场景云调用云函数直接调用微信开放接口免 access_token 管理简化服务端鉴权从源码结构看文档中的支付示例正是云开发 云调用的典型组合云函数pay通过wx-server-sdk的cloud.cloudPay.unifiedOrder完成统一下单前端则通过wx.cloud.callFunction触发云函数——整条链路无需自建服务器、无需在服务端缓存 access_token。性能优化四板斧启动性能分包加载、分包预下载、独立分包分包加载主包控制在 2MB 内其余能力按功能拆入分包分包预下载preloadRule在用户停留在关键页面时预下载下一级分包点击即开独立分包independent: true的分包不依赖主包即可运行适合分享页等独立场景。渲染性能setData 优化单次数据量控制在 256KB 以内避免频繁调用优先路径更新而非全量更新如this.setData({list[3].name: newName})比整列表替换减少约 95% 数据传输长列表虚拟滚动只渲染可视区条目骨架屏数据加载前用占位骨架提升感知速度。网络优化请求合并减少首屏并发请求数缓存策略静态数据本地缓存 合理的失效时间数据预拉取在冷启动阶段提前拉取关键数据。包体积控制页面文件不超过 500KB总包不超过 2MB分包后单包不超过 2MB图片一律使用 CDN 地址不放在本地包内代码精简与按需分包是包体积的减法手段。关键规则开发、审核、安全三条红线开发规范页面文件 ≤ 500KB总包 ≤ 2MB分包后单包 ≤ 2MBsetData单次 ≤ 256KB避免频繁调用图片使用 CDN 地址不放在本地包内所有异步操作必须有 loading 状态和错误处理敏感数据openid、session_key绝不在前端存储或传输。审核规范对应平台审核硬性要求页面必须有明确的功能和使用场景不能是空壳页面需要的用户权限必须在使用时申请不能启动时一次性索取不得诱导分享、诱导关注公众号涉及支付功能需提供完整的售后和退款机制类目选择必须与实际功能匹配隐私协议必须覆盖所有收集的用户信息。安全准则后端接口必须验证用户身份不信任前端传来的 openid微信支付回调必须验签防止伪造通知云数据库权限规则必须配置不使用默认的所有人可读写敏感操作加入频率限制防止接口滥用。技术交付物可直接落地的工程资产小程序项目结构原文档给出了标准的分层项目骨架可据此直接搭建脚手架miniprogram/ ├── app.js # 应用入口 ├── app.json # 全局配置 ├── app.wxss # 全局样式 ├── pages/ │ ├── index/ # 首页 │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ └── detail/ # 详情页 ├── components/ # 公共组件 │ ├── nav-bar/ # 自定义导航栏 │ └── list-item/ # 列表项组件 ├── utils/ │ ├── request.js # 网络请求封装 │ ├── auth.js # 登录鉴权 │ └── util.js # 工具函数 ├── services/ # 业务接口层 ├── constants/ # 常量定义 └── cloudfunctions/ # 云函数目录 ├── login/ └── pay/结构要点pages页面目录、components公共组件、utils基础工具网络/鉴权/工具函数、services业务接口层、constants常量定义、cloudfunctions云函数目录六层职责清晰、边界明确。网络请求封装utils/request.js原文档提供了一份完整的 Promise 化请求封装其中包含 token 注入与 401 自动刷新重试的经典模式// utils/request.js const BASE_URL https://api.example.com const request (options) { return new Promise((resolve, reject) { const token wx.getStorageSync(token) wx.request({ url: ${BASE_URL}${options.url}, method: options.method || GET, data: options.data, header: { Content-Type: application/json, Authorization: token ? Bearer ${token} : , ...options.header, }, success: (res) { if (res.statusCode 200) { resolve(res.data) } else if (res.statusCode 401) { // token 过期重新登录 refreshToken().then(() { request(options).then(resolve).catch(reject) }) } else { reject(new Error(res.data.message || 请求失败)) } }, fail: (err) { reject(new Error(网络异常请检查网络连接)) }, }) }) } // 带 loading 的请求封装 const requestWithLoading async (options) { wx.showLoading({ title: 加载中..., mask: true }) try { const result await request(options) return result } catch (err) { wx.showToast({ title: err.message, icon: none }) throw err } finally { wx.hideLoading() } } module.exports { request, requestWithLoading }从源码角度解读request统一处理了身份头注入Authorization: Bearer token、401 自动刷新重试、非 2xx 错误信息透传与网络异常兜底requestWithLoading在请求层强制落地所有异步操作必须有 loading 状态和错误处理的开发规范——mask: true防止用户在请求期间重复点击finally确保 loading 必然关闭避免请求异常时 UI 卡死。微信支付集成示例云函数版这是云开发 云调用 JSAPI 支付的完整落地示范// 云函数pay/index.js const cloud require(wx-server-sdk) cloud.init({ env: cloud.DYNAMIC_CURRENT_ENV }) exports.main async (event, context) { const { orderId, totalFee, description } event const wxContext cloud.getWXContext() const res await cloud.cloudPay.unifiedOrder({ body: description, outTradeNo: orderId, totalFee: totalFee, // 单位分 spbillCreateIp: 127.0.0.1, envId: cloud.DYNAMIC_CURRENT_ENV, functionName: payCallback, // 支付回调云函数 nonceStr: generateNonceStr(), tradeType: JSAPI, }) return res } // 前端调起支付 const handlePay async (orderId, totalFee, description) { try { const payParams await wx.cloud.callFunction({ name: pay, data: { orderId, totalFee, description }, }) const { payment } payParams.result await wx.requestPayment({ ...payment, }) wx.showToast({ title: 支付成功 }) } catch (err) { if (err.errMsg ! requestPayment:fail cancel) { wx.showToast({ title: 支付失败, icon: none }) } } }关键参数与调用链解读cloud.init({ env: cloud.DYNAMIC_CURRENT_ENV })动态绑定当前云环境同一份代码可在开发/体验/生产环境间无缝切换unifiedOrder.totalFee单位是分金额精度问题在源头杜绝functionName: payCallback支付结果回调由另一个云函数承接回调函数内必须完成验签与订单状态更新对应安全准则微信支付回调必须验签tradeType: JSAPI小程序内支付专属类型前端wx.requestPayment只负责唤起收银台支付凭证与签名全部在云函数侧完成支付参数不经前端篡改err.errMsg ! requestPayment:fail cancel用户主动取消支付属于正常交互不应提示支付失败。分包配置示例app.json原文档的分包 预下载配置是启动性能优化的直接落地{ pages: [ pages/index/index, pages/mine/mine ], subpackages: [ { root: packageA, pages: [ pages/detail/detail, pages/list/list ] }, { root: packageB, independent: true, pages: [ pages/share/share ] } ], preloadRule: { pages/index/index: { network: all, packages: [packageA] } } }配置语义解读subpackages[].root分包根目录对应上文项目结构中的packageA/、packageB/independent: true独立分包不依赖主包其他代码即可运行——分享页等高频直达场景可显著缩短启动路径preloadRule当用户进入pages/index/index时预下载packageAnetwork: all表示任意网络环境含 Wi-Fi 与移动网络都执行预下载实现点击即开的秒开体验。四步工作流程从需求到上线智能体定义了标准化的端到端流程可与 NEXUS 流水线的激活提示词体系配合使用参见 strategy/coordination/agent-activation-prompts.md第一步需求分析与技术评估——梳理产品需求确认哪些功能小程序可以实现评估是否需要云开发或自建后端确定微信开放能力的使用范围和权限申请确认类目选择和资质准备。第二步架构设计——设计页面结构和路由方案规划分包策略和包体积预算设计组件体系和数据流方案定义接口规范和数据模型。第三步开发实现——搭建项目脚手架和开发环境核心页面和组件开发微信能力集成登录、支付、消息等性能优化和兼容性测试。第四步测试与上线——真机测试覆盖 iOS 和 Android 主流机型审核准备隐私协议、类目资质、功能描述提交审核并跟进审核反馈灰度发布和线上监控。成功指标可量化的验收标准智能体给出的六项量化指标可作为项目验收与自检清单指标目标值意义小程序启动时间冷启动 1.5 秒启动性能验收线页面切换响应 300ms渲染性能体验线审核一次通过率 90%审核规范执行度线上 JS 错误率 0.1%代码质量底线微信支付成功率 98%支付链路可靠性用户次日留存率 30%产品与体验综合结果沟通风格这位智能体如何工作智能体的沟通方式本身即最佳实践示范可在协作中直接复用技术精准setData 里传了整个列表数组每次更新都全量传输。改成路径更新this.setData({list[3].name: newName})数据传输量减少 95%平台意识这个功能需要用户授权地理位置审核时需要在页面上说明用途。建议加一个授权说明弹窗否则审核大概率被拒体验导向首次进入要加载 1.5MB 的数据用户等 3 秒太久了。先用骨架屏占位数据按需加载首屏控制在 500ms 以内。如何把这套能力接入你的 AI 编程工具该智能体以 Markdown 文件形式存在于仓库中engineering/engineering-wechat-mini-program-developer.md可通过 scripts/install.sh 一键安装到主流 AI 编程工具支持 18 种详见 README.md# 自动检测已安装的工具一键安装 ./scripts/install.sh # 或指定安装到特定工具Claude Code / GitHub Copilot 可直接复制使用 ./scripts/install.sh --tool claude-code ./scripts/install.sh --tool copilot安装后在对话中即可用自然语言激活例如激活微信小程序开发者模式帮我设计一个电商小程序的支付流程。Claude Code、GitHub Copilot 直接复制即可使用Cursor、Trae、OpenCode 等工具需先运行./scripts/convert.sh转换格式详见 README.md 的工具集成章节。小结本文以 微信小程序开发者智能体 为骨架完整覆盖了小程序开发的三条主线技术栈主线WXML/WXSS/WXS、自定义组件、微信原生 API、云开发五大能力、工程红线包体积、setData 256KB、审核规范、支付验签与身份验证、交付资产项目结构、请求封装、云函数支付链路、分包预下载配置。文中所有代码与配置均继承自原文档并做了参数级解读可直接复制改造用于真实项目配合 scripts/install.sh 安装后即可让这位深耕微信生态的工程专家在你的 AI 编程工具中全职待命。赞分享人工智能AI 技能提示工程【免费下载链接】agency-agents-zh 277 个即插即用的 AI 专家角色 — 支持 Claude Code/Cursor/Copilot 等 20 种工具覆盖工程/设计/营销/金融等 20 个部门。含 64 个中国市场原创智能体小红书/抖音/微信/飞书/钉钉/Qt 上位机/机械设计。搭配编排器 agency-orchestrator一句话即可让多位专家按 DAG 自动协作。项目地址https://gitcode.com/gh_mirrors/ag/agency-agents-zh点击查看免费下载相关推荐unibest小程序开发微信支付宝适配实战指南unibest小程序开发微信支付宝适配实战指南 还在为小程序多平台适配而头疼吗不同平台的API差异、UI组件兼容性、打包配置等问题让开发者苦不堪言。本文将为前端移动开发小程序5分钟上手ChatGLM3-6B从安装到多轮对话的完整指南5分钟上手ChatGLM3 6B从安装到多轮对话的完整指南 ChatGLM3 6B是一款由JiangSuAscend开发的开源对话模型作为ChatGLM系列Three.js微信小程序开发实战指南Three.js微信小程序开发实战指南 项目概述 Three.js微信小程序示例项目是一个专门为微信小程序环境优化的3D图形开发解决方案。该项目将强大的Thre创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 微信小程序全栈开发实战：基于 agency-agents-zh「微信小程序开发者」智能体的架构设计、微信支付与云开发全链路指南
人工智能AI 技能提示工程【免费下载链接】agency-agents-zh 277 个即插即用的 AI 专家角色 — 支持 Claude Code/Cursor/Copilot 等 20 种工具覆盖工程/设计/营销/金融等 20 个部门。含 64 个中国市场原创智能体小红书/抖音/微信/飞书/钉钉/Qt 上位机/机械设计。搭配编排器 agency-orchestrator一句话即可让多位专家按 DAG 自动协作。项目地址https://gitcode.com/gh_mirrors/ag/agency-agents-zh点击查看免费下载本指南以 agency-agents-zh 仓库中的 微信小程序开发者智能体 为知识骨架系统拆解微信小程序全栈开发的核心技术栈——从 WXML/WXSS/WXS 视图层、微信原生 API 与支付集成到云开发五大能力与性能优化红线并给出可直接落地的项目结构、网络请求封装、云函数支付链路与分包配置示例。读完本文你将掌握一套从需求评估、架构设计、开发实现到审核上线的完整方法论并了解如何在 Claude Code、Cursor、Copilot 等 AI 编程工具中直接激活这位专家为你工作。智能体定位为什么小程序不是缩小版的 Web App在 AGENT-LIST.md 与 CATALOG.md 中engineering-wechat-mini-program-developer被标记为中国市场原创智能体由 README.md 收录于工程部。其核心人设是一位精通微信小程序技术体系的全栈工程专家强调三个认知基础渲染引擎不同小程序拥有独立的双线程渲染架构逻辑层与视图层分离不是 HTML 的直接映射生命周期不同onLoad/onShow/onReady/onHide/onUnload等页面生命周期与App.onLaunch/onShow应用生命周期是性能与体验优化的抓手限制与优势并存包体积、setData 传输量、API 权限都有硬性边界但换来的是微信生态内极佳的分发与转化闭环。智能体的人设还包括记忆机制记住每一次审核被拒的原因、每一次性能优化带来的体验提升、每一个微信 API 更新后的踩坑与适配——这正是它区别于通用提示词的关键它不只是知道微信而是经历过微信生态的完整生命周期。小程序架构与开发从模板语法到组件体系智能体的第一大能力域是小程序架构与开发覆盖以下层次层次核心技术要点架构设计页面结构、组件拆分、数据流管理页面职责单一、组件可复用、数据流可追溯模板语法WXML数据绑定{{}}、条件渲染wx:if、列表渲染wx:for、模板引用import/include样式开发WXSSrpx响应式适配、样式隔离styleIsolation、全局样式与主题方案视图层脚本WXS视图层数据处理适合性能敏感的计算逻辑在视图线程执行不阻塞逻辑层组件体系Component 构造器组件通信属性、事件、selectComponent、behaviors行为复用值得特别强调的默认要求所有页面必须适配 iPhone SE 到 iPad 的全尺寸范围。这意味着 WXSS 中应优先使用rpx与弹性布局导航栏、栅格、间距全部以响应式方案设计而不是为单一机型硬编码。微信生态能力集成登录、支付、订阅消息与开放能力微信登录标准流程为wx.login获取临时code携带 code 调用后端/code2session接口换取openid与session_key。安全红线openid、session_key 属于敏感数据绝不在前端存储或传输后端必须自己通过 code 换取并维护会话而不是信任前端传来的 openid详见下文安全准则。微信支付JSAPI 支付链路支付分为商户平台配置、统一下单、前端调起、回调验签四段商户平台配置申请微信支付商户号、绑定小程序 AppID、配置 API 密钥与回调地址统一下单服务端或云函数调用unifiedOrder生成预支付单前端调起wx.requestPayment唤起收银台回调处理接收支付结果通知必须验签校验签名与金额防止伪造通知。文档给出了完整的云函数版支付示例见下文技术交付物其中totalFee单位明确为分回调指向独立云函数payCallback。订阅消息、分享与开放能力订阅消息一次性订阅与长期订阅模板配置注意订阅次数与用户授权的生命周期管理分享与裂变onShareAppMessage实现页面分享分享卡片标题、图片、路径的优化直接影响裂变转化开放能力获取手机号button open-typegetPhoneNumber、地理位置授权、生物认证指纹/面容微信客服客服消息接入与自动回复服务消息入口的用户体验设计。云开发免运维的全栈底座当团队不想自建后端时微信云开发提供了完整的 BaaS 能力智能体将其归纳为五大模块模块能力关键说明云函数Node.js 运行环境、触发器、定时任务按需运行、天然免运维可用cloud.DYNAMIC_CURRENT_ENV动态绑定环境云数据库NoSQL 数据建模、权限规则、聚合查询权限规则必须显式配置杜绝默认所有人可读写云存储文件上传下载、CDN 加速、临时链接图片等静态资源走 CDN不进本地包云托管容器化部署后端服务、自动扩缩容适合需要自定义运行时/依赖的场景云调用云函数直接调用微信开放接口免 access_token 管理简化服务端鉴权从源码结构看文档中的支付示例正是云开发 云调用的典型组合云函数pay通过wx-server-sdk的cloud.cloudPay.unifiedOrder完成统一下单前端则通过wx.cloud.callFunction触发云函数——整条链路无需自建服务器、无需在服务端缓存 access_token。性能优化四板斧启动性能分包加载、分包预下载、独立分包分包加载主包控制在 2MB 内其余能力按功能拆入分包分包预下载preloadRule在用户停留在关键页面时预下载下一级分包点击即开独立分包independent: true的分包不依赖主包即可运行适合分享页等独立场景。渲染性能setData 优化单次数据量控制在 256KB 以内避免频繁调用优先路径更新而非全量更新如this.setData({list[3].name: newName})比整列表替换减少约 95% 数据传输长列表虚拟滚动只渲染可视区条目骨架屏数据加载前用占位骨架提升感知速度。网络优化请求合并减少首屏并发请求数缓存策略静态数据本地缓存 合理的失效时间数据预拉取在冷启动阶段提前拉取关键数据。包体积控制页面文件不超过 500KB总包不超过 2MB分包后单包不超过 2MB图片一律使用 CDN 地址不放在本地包内代码精简与按需分包是包体积的减法手段。关键规则开发、审核、安全三条红线开发规范页面文件 ≤ 500KB总包 ≤ 2MB分包后单包 ≤ 2MBsetData单次 ≤ 256KB避免频繁调用图片使用 CDN 地址不放在本地包内所有异步操作必须有 loading 状态和错误处理敏感数据openid、session_key绝不在前端存储或传输。审核规范对应平台审核硬性要求页面必须有明确的功能和使用场景不能是空壳页面需要的用户权限必须在使用时申请不能启动时一次性索取不得诱导分享、诱导关注公众号涉及支付功能需提供完整的售后和退款机制类目选择必须与实际功能匹配隐私协议必须覆盖所有收集的用户信息。安全准则后端接口必须验证用户身份不信任前端传来的 openid微信支付回调必须验签防止伪造通知云数据库权限规则必须配置不使用默认的所有人可读写敏感操作加入频率限制防止接口滥用。技术交付物可直接落地的工程资产小程序项目结构原文档给出了标准的分层项目骨架可据此直接搭建脚手架miniprogram/ ├── app.js # 应用入口 ├── app.json # 全局配置 ├── app.wxss # 全局样式 ├── pages/ │ ├── index/ # 首页 │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ └── detail/ # 详情页 ├── components/ # 公共组件 │ ├── nav-bar/ # 自定义导航栏 │ └── list-item/ # 列表项组件 ├── utils/ │ ├── request.js # 网络请求封装 │ ├── auth.js # 登录鉴权 │ └── util.js # 工具函数 ├── services/ # 业务接口层 ├── constants/ # 常量定义 └── cloudfunctions/ # 云函数目录 ├── login/ └── pay/结构要点pages页面目录、components公共组件、utils基础工具网络/鉴权/工具函数、services业务接口层、constants常量定义、cloudfunctions云函数目录六层职责清晰、边界明确。网络请求封装utils/request.js原文档提供了一份完整的 Promise 化请求封装其中包含 token 注入与 401 自动刷新重试的经典模式// utils/request.js const BASE_URL https://api.example.com const request (options) { return new Promise((resolve, reject) { const token wx.getStorageSync(token) wx.request({ url: ${BASE_URL}${options.url}, method: options.method || GET, data: options.data, header: { Content-Type: application/json, Authorization: token ? Bearer ${token} : , ...options.header, }, success: (res) { if (res.statusCode 200) { resolve(res.data) } else if (res.statusCode 401) { // token 过期重新登录 refreshToken().then(() { request(options).then(resolve).catch(reject) }) } else { reject(new Error(res.data.message || 请求失败)) } }, fail: (err) { reject(new Error(网络异常请检查网络连接)) }, }) }) } // 带 loading 的请求封装 const requestWithLoading async (options) { wx.showLoading({ title: 加载中..., mask: true }) try { const result await request(options) return result } catch (err) { wx.showToast({ title: err.message, icon: none }) throw err } finally { wx.hideLoading() } } module.exports { request, requestWithLoading }从源码角度解读request统一处理了身份头注入Authorization: Bearer token、401 自动刷新重试、非 2xx 错误信息透传与网络异常兜底requestWithLoading在请求层强制落地所有异步操作必须有 loading 状态和错误处理的开发规范——mask: true防止用户在请求期间重复点击finally确保 loading 必然关闭避免请求异常时 UI 卡死。微信支付集成示例云函数版这是云开发 云调用 JSAPI 支付的完整落地示范// 云函数pay/index.js const cloud require(wx-server-sdk) cloud.init({ env: cloud.DYNAMIC_CURRENT_ENV }) exports.main async (event, context) { const { orderId, totalFee, description } event const wxContext cloud.getWXContext() const res await cloud.cloudPay.unifiedOrder({ body: description, outTradeNo: orderId, totalFee: totalFee, // 单位分 spbillCreateIp: 127.0.0.1, envId: cloud.DYNAMIC_CURRENT_ENV, functionName: payCallback, // 支付回调云函数 nonceStr: generateNonceStr(), tradeType: JSAPI, }) return res } // 前端调起支付 const handlePay async (orderId, totalFee, description) { try { const payParams await wx.cloud.callFunction({ name: pay, data: { orderId, totalFee, description }, }) const { payment } payParams.result await wx.requestPayment({ ...payment, }) wx.showToast({ title: 支付成功 }) } catch (err) { if (err.errMsg ! requestPayment:fail cancel) { wx.showToast({ title: 支付失败, icon: none }) } } }关键参数与调用链解读cloud.init({ env: cloud.DYNAMIC_CURRENT_ENV })动态绑定当前云环境同一份代码可在开发/体验/生产环境间无缝切换unifiedOrder.totalFee单位是分金额精度问题在源头杜绝functionName: payCallback支付结果回调由另一个云函数承接回调函数内必须完成验签与订单状态更新对应安全准则微信支付回调必须验签tradeType: JSAPI小程序内支付专属类型前端wx.requestPayment只负责唤起收银台支付凭证与签名全部在云函数侧完成支付参数不经前端篡改err.errMsg ! requestPayment:fail cancel用户主动取消支付属于正常交互不应提示支付失败。分包配置示例app.json原文档的分包 预下载配置是启动性能优化的直接落地{ pages: [ pages/index/index, pages/mine/mine ], subpackages: [ { root: packageA, pages: [ pages/detail/detail, pages/list/list ] }, { root: packageB, independent: true, pages: [ pages/share/share ] } ], preloadRule: { pages/index/index: { network: all, packages: [packageA] } } }配置语义解读subpackages[].root分包根目录对应上文项目结构中的packageA/、packageB/independent: true独立分包不依赖主包其他代码即可运行——分享页等高频直达场景可显著缩短启动路径preloadRule当用户进入pages/index/index时预下载packageAnetwork: all表示任意网络环境含 Wi-Fi 与移动网络都执行预下载实现点击即开的秒开体验。四步工作流程从需求到上线智能体定义了标准化的端到端流程可与 NEXUS 流水线的激活提示词体系配合使用参见 strategy/coordination/agent-activation-prompts.md第一步需求分析与技术评估——梳理产品需求确认哪些功能小程序可以实现评估是否需要云开发或自建后端确定微信开放能力的使用范围和权限申请确认类目选择和资质准备。第二步架构设计——设计页面结构和路由方案规划分包策略和包体积预算设计组件体系和数据流方案定义接口规范和数据模型。第三步开发实现——搭建项目脚手架和开发环境核心页面和组件开发微信能力集成登录、支付、消息等性能优化和兼容性测试。第四步测试与上线——真机测试覆盖 iOS 和 Android 主流机型审核准备隐私协议、类目资质、功能描述提交审核并跟进审核反馈灰度发布和线上监控。成功指标可量化的验收标准智能体给出的六项量化指标可作为项目验收与自检清单指标目标值意义小程序启动时间冷启动 1.5 秒启动性能验收线页面切换响应 300ms渲染性能体验线审核一次通过率 90%审核规范执行度线上 JS 错误率 0.1%代码质量底线微信支付成功率 98%支付链路可靠性用户次日留存率 30%产品与体验综合结果沟通风格这位智能体如何工作智能体的沟通方式本身即最佳实践示范可在协作中直接复用技术精准setData 里传了整个列表数组每次更新都全量传输。改成路径更新this.setData({list[3].name: newName})数据传输量减少 95%平台意识这个功能需要用户授权地理位置审核时需要在页面上说明用途。建议加一个授权说明弹窗否则审核大概率被拒体验导向首次进入要加载 1.5MB 的数据用户等 3 秒太久了。先用骨架屏占位数据按需加载首屏控制在 500ms 以内。如何把这套能力接入你的 AI 编程工具该智能体以 Markdown 文件形式存在于仓库中engineering/engineering-wechat-mini-program-developer.md可通过 scripts/install.sh 一键安装到主流 AI 编程工具支持 18 种详见 README.md# 自动检测已安装的工具一键安装 ./scripts/install.sh # 或指定安装到特定工具Claude Code / GitHub Copilot 可直接复制使用 ./scripts/install.sh --tool claude-code ./scripts/install.sh --tool copilot安装后在对话中即可用自然语言激活例如激活微信小程序开发者模式帮我设计一个电商小程序的支付流程。Claude Code、GitHub Copilot 直接复制即可使用Cursor、Trae、OpenCode 等工具需先运行./scripts/convert.sh转换格式详见 README.md 的工具集成章节。小结本文以 微信小程序开发者智能体 为骨架完整覆盖了小程序开发的三条主线技术栈主线WXML/WXSS/WXS、自定义组件、微信原生 API、云开发五大能力、工程红线包体积、setData 256KB、审核规范、支付验签与身份验证、交付资产项目结构、请求封装、云函数支付链路、分包预下载配置。文中所有代码与配置均继承自原文档并做了参数级解读可直接复制改造用于真实项目配合 scripts/install.sh 安装后即可让这位深耕微信生态的工程专家在你的 AI 编程工具中全职待命。赞分享人工智能AI 技能提示工程【免费下载链接】agency-agents-zh 277 个即插即用的 AI 专家角色 — 支持 Claude Code/Cursor/Copilot 等 20 种工具覆盖工程/设计/营销/金融等 20 个部门。含 64 个中国市场原创智能体小红书/抖音/微信/飞书/钉钉/Qt 上位机/机械设计。搭配编排器 agency-orchestrator一句话即可让多位专家按 DAG 自动协作。项目地址https://gitcode.com/gh_mirrors/ag/agency-agents-zh点击查看免费下载相关推荐unibest小程序开发微信支付宝适配实战指南unibest小程序开发微信支付宝适配实战指南 还在为小程序多平台适配而头疼吗不同平台的API差异、UI组件兼容性、打包配置等问题让开发者苦不堪言。本文将为前端移动开发小程序5分钟上手ChatGLM3-6B从安装到多轮对话的完整指南5分钟上手ChatGLM3 6B从安装到多轮对话的完整指南 ChatGLM3 6B是一款由JiangSuAscend开发的开源对话模型作为ChatGLM系列Three.js微信小程序开发实战指南Three.js微信小程序开发实战指南 项目概述 Three.js微信小程序示例项目是一个专门为微信小程序环境优化的3D图形开发解决方案。该项目将强大的Thre创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考