WeChat 미니 프로그램을 사용하여 WeChat 결제하는 단계를 설명하세요.
- 高洛峰원래의
- 2016-12-03 10:09:502426검색
최근 위챗 애플릿 개발이 결제 단계에 들어섰고, 앱 개발에 종사하다 보니 결제 과정을 아직도 암기하고 있습니다. 그런데 위챗 미니 프로그램 결제가 좀 이상한데요. 공식 계정에서 애플리케이션을 생성했는데, 공식 계정에서 문서 소개를 찾을 수 없어 매우 혼란스럽습니다. 미니 프로그램의 주인은 다음과 같습니다. 결제를 위한 공식 계정. 앱 결제의 범위나 범위도 의심스럽습니다. 다음은 미니 프로그램 결제 문서(미니 프로그램 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: 'MD5',
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('../../../utils/md5.js'); var sign = ''; //<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： ibuaiVcKdpRxkhJA1단계: 키를 따릅니다. = 매개변수의 값 형식을 따르고 매개변수 이름을 따르십시오. 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>
위는 위챗 결제 단계를 위해 에디터가 소개한 위챗 애플릿입니다. 모두에게 도움이 되길 바랍니다