JSAPI调起支付

更新时间:2024.11.13

在微信浏览器里面打开H5网页中执行JS调起支付。接口输入输出数据格式为JSON。

注意:WeixinJSBridge内置对象在其他浏览器中无效。

getBrandWCPayRequest参数以及返回值定义:

1、网页端接口请求参数列表(参数需要重新进行签名计算,参与签名的参数为:appId、timeStamp、nonceStr、package、signType,参数区分大小写。)

名称

变量名

必填

类型

示例值

描述

公众号id

appId

String(16)

wx8888888888888888

appId为当前服务商号绑定的appid

时间戳

timeStamp

String(32)

1414561699

当前的时间,其他详见时间戳规则

随机字符串

nonceStr

String(32)

5K8264ILTKCH16CQ2502SI8ZNMTM67VS

随机字符串,不长于32位。推荐随机数生成算法

订单详情扩展字符串

package

String(128)

prepay_id=123456789

统一下单接口返回的prepay_id参数值,提交格式如:prepay_id=***

签名方式

signType

String(32)

MD5

签名类型,默认为MD5,支持HMAC-SHA256和MD5。注意此处需与统一下单的签名类型一致

签名

paySign

String(64)

C380BEC2BFD727A4B6845133519F3AD6

签名,详见签名生成算法

2、返回结果值说明

返回值

描述

get_brand_wcpay_request:ok

支付成功

get_brand_wcpay_request:cancel

支付过程中用户取消

get_brand_wcpay_request:fail

支付失败

注:JS API的返回结果get_brand_wcpay_request:ok仅在用户成功完成支付时返回。由于前端交互复杂,get_brand_wcpay_request:cancel或者get_brand_wcpay_request:fail可以统一处理为用户遇到错误或者主动放弃,不必细化区分。

示例代码如下:

1
2function onBridgeReady(){
3   WeixinJSBridge.invoke(
4      'getBrandWCPayRequest', {
5         "appId":"wx2421b1c4370ec43b",     //公众号ID,由商户传入     
6         "timeStamp":"1395712654",         //时间戳,自1970年以来的秒数     
7         "nonceStr":"e61463f8efa94090b1f366cccfbbb444", //随机串     
8         "package":"prepay_id=u802345jgfjsdfgsdg888",     
9         "signType":"MD5",         //微信签名方式:     
10         "paySign":"70EA570631E4BB79628FBCA90534C63FF7FADD89" //微信签名 
11      },
12      function(res){
13      if(res.err_msg == "get_brand_wcpay_request:ok" ){
14      // 使用以上方式判断前端返回,微信团队郑重提示:
15            //res.err_msg将在用户支付成功后返回ok,但并不保证它绝对可靠。
16      } 
17   }); 
18}
19if (typeof WeixinJSBridge == "undefined"){
20   if( document.addEventListener ){
21       document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
22   }else if (document.attachEvent){
23       document.attachEvent('WeixinJSBridgeReady', onBridgeReady); 
24       document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
25   }
26}else{
27   onBridgeReady();
28}
29

3、客户端唤起支付常见错误

序号

错误描述

解决方法

1

调用支付JSAPI缺少参数:total_fee

1、请检查预支付会话标识prepay_id是否已失效

2、请求的appid与下单接口的appid是否一致

 

 

更多技术问题
技术咨询
反馈
咨询
目录
置顶