WeChat 미니 프로그램을 사용하여 WeChat 결제하는 단계를 설명하세요.-PHP开发-php.cn

WeChat 미니 프로그램을 사용하여 WeChat 결제하는 단계를 설명하세요.

高洛峰

풀어 주다： 2016-12-03 10:09:50

원래의

2369명이 탐색했습니다.

최근 위챗 애플릿 개발이 결제 단계에 들어섰고, 앱 개발에 종사하다 보니 결제 과정을 아직도 암기하고 있습니다. 그런데 위챗 미니 프로그램 결제가 좀 이상한데요. 공식 계정에서 애플리케이션을 생성했는데, 공식 계정에서 문서 소개를 찾을 수 없어 매우 혼란스럽습니다. 미니 프로그램의 주인은 다음과 같습니다. 결제를 위한 공식 계정. 앱 결제의 범위나 범위도 의심스럽습니다. 다음은 미니 프로그램 결제 문서(미니 프로그램 API에 중첩됨) 입구입니다:

https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php? 장= 7_3&index=1

미니 프로그램 결제 단계:

1, 선불

2, 선불 데이터 + 서명 기반 ——> 결제 시작

3. 결제 콜백

다음은 이 세 단계에 대한 간략한 설명입니다.

1. 이 인터페이스는 결제 정보(주문 번호, 가격 등)를 프런트 엔드를 통해 개발자 서버에 제출합니다. 개발자 서버는 이를 WeChat에 제출한 다음 실제 프런트 엔드에서 결제해야 하는 일부 정보를 반환합니다.

개발자 서버의 선불 인터페이스:

https://()htm?total_fee=100&cid=6001&orderCodes=2016120119
{
"sign":"A2****************A6",
"timestamp":"14****************68",
"package":"Sign=WXPay",
"partnerId":"14****************02",
"appid":"wx****************ab",
"nonceStr":"9f****************37",
"prepayId":"wx****************54"
}

로그인 후 복사

2. 결제 시작(결제 시작에는 appid를 업로드할 필요가 없지만

paySign에 서명하려면 appid가 필요합니다. 먼저 배치)

wx.requestPayment({ 
nonceStr: res.data.nonceStr, 
package: "prepay_id="+res.data.prepayId, 
signType: &#39;MD5&#39;, 
timeStamp: res.data.timestamp, 
paySign: sign,//<strong><span style="color:#ff0000;">五个字段参与签名(区分大小写)：appId,nonceStr,package,signType,timeStamp（需要注意的是，这5个参数签名排序的顺序按照ASCII字典序排序）</span></strong> 
success: function(res){ 
console.log("支付成功"); 
}, 
fail: function() { 
}, 
complete: function() { 
} 
})

로그인 후 복사

서명 서명 생성

https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_3&index=1&t =20161122

WeChat 애플릿 MD5 암호화 도구 다운로드 주소: https://code.csdn.net/snippets/2019875/master/download

var MD5Util = require(&#39;../../../utils/md5.js&#39;);
var sign = &#39;&#39;; 
//<strong><span style="color:#ff0000;">顺序按照ASCII字典序排序</span></strong> 
var signA = "appId="+app.appId+"&nonceStr="+res.data.nonceStr+"&package=prepay_id="+res.data.prepayId+"&signType=MD5&timeStamp="+res.data.timestamp; 
var signB = signA+"&key="+app.key; 
sign = MD5Util.MD5(signB).toUpperCase();

로그인 후 복사

위의 서명을 생성하는 코드는 다음과 같습니다. my code, not 공식 문서의 자세한 설명은 다음과 같습니다.

전송된 매개변수는 다음과 같다고 가정합니다.

appid： wxd930ea5d5a258f4f（需要注意的是appid 在wx.requestPayment({})发起支付是不上传，但是签名时需要）
mch_id： 10000100
device_info： 1000
body： test
nonce_str： ibuaiVcKdpRxkhJA

로그인 후 복사

1단계: 키를 따릅니다. = 매개변수의 값 형식을 따르고 매개변수 이름을 따르십시오. ASCII 사전 순서는 다음과 같습니다.

stringA="appid=wxd930ea5d5a258f4f&body=test&device_info=1000&mch_id=10000100&nonce_str=ibuaiVcKdpRxkhJA";

로그인 후 복사

2단계: API 키 연결:

stringSignTemp="stringA&key=192006250b4c09247ec02edce69f6a2d"
sign=MD5(stringSignTemp).toUpperCase()="9A0A8659F005D6984697E2CA0A9CF3B7"

로그인 후 복사

이때의 기호는 wx.requestPayment 업로드 매개변수 paySign에 사용됩니다.

드디어 최종 전송 데이터 가져오기:

<xml>
<appid>wxd930ea5d5a258f4f</appid>
<mch_id>10000100</mch_id>
<device_info>1000<device_info>
<body>test</body>
<nonce_str>ibuaiVcKdpRxkhJA</nonce_str>
<sign>9A0A8659F005D6984697E2CA0A9CF3B7</sign>
<xml>

로그인 후 복사

위는 위챗 결제 단계를 위해 에디터가 소개한 위챗 애플릿입니다. 모두에게 도움이 되길 바랍니다