H5支付例子

关注

原创最新推荐文章于 2026-03-21 00:12:26 发布 1.1k 阅读 AI 写同款· GEO 优化 ›

跟着官方文档实现微信支付功能（前端）跟着官方文档实现微信支付功能。包括appid、mchid、支付关系绑定。前端调用微信支付、uni.login、uni.requestPayment 阅读详情

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200912113603136.png?x-oss-process=image/watermark,type
_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lvbmh1MTIzamF2YQ==,size_16,color_FFFFFF,t_70#pic_center)

1、用户在商户侧完成下单，使用微信支付进行支付

2、由商户后台向微信支付发起下单请求（调用统一下单接口）注：交易类型trade_type=MWEB

3、统一下单接口返回支付相关参数给商户后台，如支付跳转url（参数名“mweb_url”），商户通过mweb_url调起微信支付中间页

4、中间页进行H5权限的校验，安全性检查（此处常见错误请见下文）

5、如支付成功，商户后台会接收到微信侧的异步通知

6、用户在微信支付收银台完成支付或取消支付,返回商户页面（默认为返回支付发起页面）

7、商户在展示页面，引导用户主动发起支付结果的查询

8,9、商户后台判断是否接到收微信侧的支付结果通知，如没有，后台调用我们的订单查询接口确认订单状态

10、展示最终的订单支付结果给用户

收录于