JSAPI调起支付

更新时间:2023.12.07

通过JSAPI下单接口获取到发起支付的必要参数prepay_id,然后使用微信支付提供的前端JS方法调起公众号支付。

注意

请确保实际支付时的请求目录与后台配置的目录一致(现在已经支持配置根目录,配置后有一定的生效时间,一般5分钟内生效),否则将无法成功唤起微信支付。配置方式详见支付授权目录 (opens new window)

# 接口说明

支持商户: 【普通服务商】

# 字段说明

# 请求参数

此API无后台接口交互,需要将列表中的数据签名

  • appId 必填 string(32)
    【应用ID】 商户申请的公众号对应的AppID,由微信支付生成,可在公众号后台查看
  • timeStamp 必填 string(32)
    【时间戳】 时间戳,标准北京时间,时区为东八区,自1970年1月1日 0点0分0秒以来的秒数。
    注意: 部分系统取到的值为毫秒级,需要转换成秒(10位数字)。
  • nonceStr 必填 string(32)
    【随机字符串】 随机字符串,不长于32位。
  • package 必填 string(128)
    【订单详情扩展字符串】 JSAPI下单接口返回的prepay_id参数值,提交格式如:prepay_id=***
  • signType 必填 string(32)
    【签名方式】 签名类型,默认为RSA,仅支持RSA。
  • paySign 必填 string(256)
    【签名】 签名,使用字段AppID、timeStamp、nonceStr、package计算得出的签名值

# JSAPI调起支付的参数需要按照签名规则进行签名计算

# 1、构造签名串

1签名串一共有四行,每一行为一个参数。行尾以\n(换行符,ASCII编码值为0x0A)结束,包括最后一行。
2如果参数本身以\n结束,也需要附加一个\n

参与签名字段及格式:

1应用ID
2时间戳
3随机字符串
4订单详情扩展字符串

数据举例:

1wx8888888888888888
21414561699
35K8264ILTKCH16CQ2502SI8ZNMTM67VS
4prepay_id=wx201410272009395522657a690389285100

# 2、计算签名值

绝大多数编程语言提供的签名函数支持对_签名数据_ 进行签名。强烈建议商户调用该类函数,使用商户私钥对_待签名串_进行SHA256 with RSA签名,并对签名结果进行_Base64编码_得到签名值。

# 请求示例

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

# 下面我们使用命令行演示如何生成签名

signType参数不参与签名,但需要传递,默认值为“RSA”,生成的签名需要通过字段paySign传递。

1$ echo -n -e \
2"wx8888888888888888\n1414561699\n5K8264ILTKCH16CQ2502SI8ZNMTM67VS\nprepay_id=wx201410272009395522657a690389285100\n" \
3 | openssl dgst -sha256 -sign apiclient_key.pem \
4 | openssl base64 -A
5 uOVRnA4qG/MNnYzdQxJanN+zU+lTgIcnU9BxGw5dKjK+VdEUz2FeIoC+D5sB/LN+nGzX3hfZg6r5wT1pl2ZobmIc6p0ldN7J6yDgUzbX8Uk3sD4a4eZVPTBvqNDoUqcYMlZ9uuDdCvNv4TM3c1WzsXUrExwVkI1XO5jCNbgDJ25nkT/c1gIFvqoogl7MdSFGc4W4xZsqCItnqbypR3RuGIlR9h9vlRsy7zJR9PBI83X8alLDIfR1ukt1P7tMnmogZ0cuDY8cZsd8ZlCgLadmvej58SLsIkVxFJ8XyUgx9FmutKSYTmYtWBZ0+tNvfGmbXU7cob8H/4nLBiCwIUFluw==