nodejs는 WeChat 코드 스캐닝 결제 기능을 구현합니다.
- 小云云원래의
- 2018-02-22 09:00:361717검색
준비
WeChat 공개 계정-appid
WeChat 판매자 계정-mch_id
키 값 (서명 알고리즘에 필요하며 실제로는 32비트 비밀번호이며 md5를 사용하여 생성할 수 있습니다) (키 설정 경로 : 위챗 가맹점 플랫폼 (pay.weixin.qq.com)-->계정 설정-->API 보안-->주요 설정)
QR코드를 스캔하여 결제 - 통합주문
다음은 WeChat 모드 둘째, 상대적으로 간단하기 때문입니다
let MD5 = require('md5'),
xml2js = require('xml2js'),
url = "https://api.mch.weixin.qq.com/pay/unifiedorder",// 下单请求地址
appid = '公众号id',
mch_id = '微信商户号'；
notify_url = '回调地址',
out_trade_no = '自己设置的订单号',// 微信会有自己订单号、我们自己的系统需要设置自己的订单号
total_fee = '订单金额',// 注意，单位为分
body = '商品简单描述',
trade_type = 'NATIVE',// 交易类型，JSAPI--公众号支付、NATIVE--原生扫码支付、APP--app支付
nonce_str = moment().format('YYYYMMDDHHmmssSSS'),// 随机字符串32位以下
stringA = `appid=${公众号id}&body=${body}&mch_id=${微信商户号}&nonce_str=${nonce_str}¬ify_url=${
notify_url}&out_trade_no=${out_trade_no}&spbill_create_ip=${ctx.request.ip}&total_fee=${total_fee}&trade_type=${trade_type}`,
stringSignTemp = stringA + "&key=xxxxxxxxxxxxxxxxx", //注：key为商户平台设置的密钥key
sign = MD5(stringSignTemp).toUpperCase(); //注：MD5签名方式위는 우리에게 필요한 몇 가지 매개변수입니다
서명 생성 알고리즘은 WeChat 공식을 참조하세요: https://pay.weixin.qq.com/wiki/doc /api/native.php ?chapter=4_3
spbill_create_ip는 터미널 IP 주소입니다
모든 매개 변수는 아래 xml에 스플라이싱되어 있습니다
const formData = "<xml>";
formData += "<appid>" + appid + "</appid>"; //appid
formData += "<body>" + body + "</body>"; //商品或支付单简要描述
formData += "<mch_id>" + mch_id + "</mch_id>"; //商户号
formData += "<nonce_str>" + nonce_str + "</nonce_str>"; //随机字符串，不长于32位
formData += "<notify_url>" + notify_url + "</notify_url>"; //支付成功后微信服务器通过POST请求通知这个地址
formData += "<out_trade_no>" + out_trade_no + "</out_trade_no>"; //订单号
formData += "<total_fee>" + total_fee + "</total_fee>"; //金额
formData += "<spbill_create_ip>" + ctx.request.ip + "</spbill_create_ip>"; //ip
formData += "<trade_type>NATIVE</trade_type>"; //NATIVE会返回code_url ，JSAPI不会返回
formData += "<sign>" + sign + "</sign>";
formData += "</xml>";
// 这里使用了egg里面请求的方式
const resultData = yield ctx.curl(url, {
method: 'POST',
content: formData,
headers: {
'content-type': 'text/html',
},
});
// xml转json格式
xml2js.parseString(resultData.data, function (err, json) {
if (err) {
new Error("解析xml报错")
} else {
var result = formMessage(json.xml); // 转换成正常的json 数据
console.log(result) //打印出返回的结果
}
})
var formMessage = function (result) {
var message = {};
if (typeof result === 'object') {
var keys = Object.keys(result);
for (var i = 0; i < keys.length; i++) {
var item = result[keys[i]];
var key = keys[i];
if (!(item instanceof Array) || item.length === 0) {
continue;
}
if (item.length === 1) {
var val = item[0];
if (typeof val === 'object') {
message[key] = formMessage(val);
} else {
message[key] = (val || '').trim();
}
} else {
message[key] = [];
for (var j = 0, k = item.length; j < k; j++) {
message[key].push(formMessage(itemp[j]));
}
}
}
}
return message;
}위에서 egg 요청 방법을 사용하며, 네이티브 노드는 request
var request = require('request');
request({
url: url,
method: "POST",
body: formData
}, function(error, response, body) {
if (!error && response.statusCode == 200) {
}
});요청이 성공하면 결국 xml을 반환하고 이를 json 형식으로 구문 분석합니다. 여기에는 code_url 및 out_trade_no가 포함되며 이 두 가지를 프런트 엔드에 반환해야 합니다. QR 코드를 생성하여 사용자에게 표시하고 코드를 스캔하여 결제를 완료합니다
결제 성공 여부를 모니터링
위 작업이 완료된 후 사용자가 결제를 완료했는지 여부를 알아야 하며, 사용자는 이 페이지에 머물게 되며, 사용자가 결제를 완료한 후 결제가 성공했음을 사용자에게 알려야 하기 때문입니다.
먼저 사용자가 결제를 시작하면 사용자가 코드를 스캔하여 결제할 수 있도록 QR 코드를 생성합니다. 또한 타이머를 설정하고 한 번에 요청을 보내는 것입니다. 이때 우리 노드는 주문 쿼리를 위한 인터페이스를 작성해야 합니다. 이전에는 우리 시스템 내부의 주문 번호인 out_trade_no를 얻었고, 그 후 이를 받았습니다. 백엔드는 WeChat 쿼리 인터페이스 주소 https://api.mch.weixin.qq.com/pay/orderquery를 요청합니다. 인터페이스 주소가 WeChat에서 반환된 xml과 다르다는 점을 제외하면 프로세스는 위와 동일합니다. 반환된 필드는 SUCCESS 및 NOTPAY 상태를 가지며 지불 여부를 판단할 수 있습니다. 성공하면 사용자에게 성공적으로 지불하라는 메시지가 표시되고 타이머가 종료됩니다.
콜백 주소
이 부분은 실제로 대부분의 작업이 완료될 수 있지만 특별한 상황이 있습니다. 예를 들어 사용자의 컴퓨터가 연결이 끊어져 요청을 보낼 수 없지만 결제가 완료됩니다. 이로 인해 사용자 결제 정보가 기록되지 않습니다. 이때 콜백 주소가 매우 중요합니다
콜백 주소 설정
WeChat 판매자 센터->제품 센터->개발 구성->QR 코드 스캔하여 결제
이후 해야 할 일 즉, 백엔드에서 post를 사용하는 것입니다. WeChat에서 보낸 비동기 콜백 정보를 XML 형식으로 수신합니다. 여기서 XML 수신이 지원되지 않으면 빈 데이터가 나타날 수 있습니다.
여기서 저장하는 동안에도 주의해야 합니다. 사용자의 결제 정보를 먼저 확인해야 합니다. 반복 작업을 피하기 위해 여러 기록이 삽입될 수 있습니다. 요약
위챗 스캔 코드 결제가 처음인 경우에는 다음과 같습니다. 주의해야 할 사항 목록
- WeChat은 데이터를 xml 형식으로 반환해야 합니다. 플러그인을 통해 json으로 변환하여 데이터를 얻기 편리합니다
- 반환된 code_url을 사용하여 프런트 엔드에 대한 QR 코드를 생성한 다음 타이머를 설정하여 여부를 확인해야 합니다. 주문이 결제되었으며 마침내 사용자에게 결과가 통보됩니다
- 콜백 주소는 매우 중요합니다. 우리 백엔드는 WeChat 정보에서 반환된 콜백을 수신하기 위해 게시해야 하며, 그런 다음 정보를 저장해야 합니다. 사용자의 결제 정보를 확인하려면 반복적인 추가를 피하기 위해 주문이 저장되었는지 알아야 합니다. 또한 반환된 XML 데이터를 수신하려면 백엔드에서 이를 보장해야 합니다. 일반적인 방법으로는 수신할 수 없으며 추가 설정이 필요합니다.
- 관련 권장 사항:
PC에서 WeChat 스캔 결제 성공 후 자동으로 PHP 버전 코드 공유로 이동
php 샘플 코드 공유를 통해 WeChat 스캔 코드 결제 구현
위 내용은 nodejs는 WeChat 코드 스캐닝 결제 기능을 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!