준비
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 수신이 지원되지 않으면 빈 데이터가 나타날 수 있습니다.
여기서 저장하는 동안에도 주의해야 합니다. 사용자의 결제 정보를 먼저 확인해야 합니다. 반복 작업을 피하기 위해 여러 기록이 삽입될 수 있습니다. 요약
위챗 스캔 코드 결제가 처음인 경우에는 다음과 같습니다. 주의해야 할 사항 목록
PC에서 WeChat 스캔 결제 성공 후 자동으로 PHP 버전 코드 공유로 이동
php 샘플 코드 공유를 통해 WeChat 스캔 코드 결제 구현
위 내용은 nodejs는 WeChat 코드 스캐닝 결제 기능을 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
