加载中…

微信公众号支付

微信内部打开的h5网页,通过该接口发起支付 ![](https://dcdn.it120.cc/yuque/0/2026/png/572726/1775698972163-68d802aa-cd79-4fc4-99e3-33ea253f3225.png) 需要先配置支付目录才可以发起支付 ```javascript WXAPI.wxpayJsapi({ code: '', token: '000', money: 0.01, remark: '优惠买单 :0.01', payName: '优惠买单' }) ``` + code 微信网页授权返回的临时凭证,如果当前登陆用户已经绑定了服务号openid,则不需要传该参数,否则必传 + token 登陆凭证 + money 支付金额 + payName 支付界面显示的购买名称 + remark 备注信息,会记录到后台支付记录中的备注字段,可不传 + nextAction 支付成功以后,需要进行的下一步操作,可不传 + shopId 收款门店ID,可不传 [《nextAction 参数使用详解》](https://www.yuque.com/apifm/doc/aetmlb) 返回示例: ```json { "code": 0, "data": { "timeStamp": "1639303298714", "outTradeId": "ZF2112120443589175", "appid": "wxb3218336ce0c0966", "sign": "A405790D534A73BFE26B59503BF67328", "signType": "MD5", "prepayId": "wx12180138641891714e4f187581b25d0000", "nonceStr": "avXDO8rLjUQNwLFlvhsrhQbdGNmVsY" }, "msg": "success" } ``` 收到接口返回以后,使用`WeixinJSBridge`调用发起支付即可 WeixinJSBridge 使用可参考下面这篇文章: [《v-shop 开源项目支持微信登录+微信支付》](https://www.yuque.com/apifm/doc/xnsegn) 你也可以使用微信官方的 js-sdk 来发起支付: [《官方JS-SDK说明》](https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#58)