이 기사에서는 nodejs를 사용하여 WeChat 스캔 코드 결제 기능을 작성하는 방법을 코드 예제를 통해 자세히 설명합니다. 관심 있는 친구는 이를 참조할 수 있습니다.
서문
이 글은 제가 위챗 스캔 코드 결제 과정에서 겪은 문제를 중심으로 여러분께 참고가 되었으면 좋겠습니다.
개발 환경
nodejs v8.1.0
egg v1.1.0
Preparation
WeChat public account-appid
WeChat 판매자 account-mch_id
키 값(서명 알고리즘에 필요하며 실제로는 32비트 비밀번호입니다. md5를 사용하여 생성할 수 있습니다. ) (주요 설정 경로: 위챗 가맹점 플랫폼(pay.weixin.qq.com)-->계정 설정-->API 보안-->주요 설정)
QR 코드를 스캔하여 통합 주문 결제
The 다음은 필수입니다 WeChat 모드 2는 상대적으로 간단하기 때문에 사용됩니다
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;
}에 스플라이싱됩니다var request = require('request');
request({
url: url,
method: "POST",
body: formData
}, function(error, response, body) {
if (!error && response.statusCode == 200) {
}
});위에서 egg 요청 방식을 사용하며, 네이티브 노드는 requestrrreee
를 사용할 수 있습니다. 요청이 성공하면 결국 XML이 반환됩니다. 그런 다음 이를 code_url 및 out_trade_no가 있는 json 형식으로 구문 분석한 다음 이 두 가지를 프런트 엔드에 반환해야 합니다. 사용자가 코드를 스캔하여 결제를 완료합니다결제 성공 여부를 모니터링합니다
위 작업이 완료된 후 사용자는 이 페이지에 머물기 때문에 사용자가 결제를 완료했는지 여부를 알아야 합니다. 사용자가 결제를 완료한 후 결제가 성공했음을 사용자에게 알려야 합니다. 우선, 사용자가 결제를 시작하면 사용자가 코드를 스캔하여 결제할 수 있도록 QR 코드를 생성합니다. 타이머를 설정하고 가끔씩 요청을 보내는 것도 필요합니다. 이때 우리 노드 배경은 주문 조회를 위한 인터페이스를 작성해야 합니다. 우리는 이전에 우리 시스템 내부의 주문 번호인 out_trade_no를 얻었고, 그 후 이를 수신했습니다. 백엔드는 WeChat 쿼리 인터페이스 주소 https://api.mch.weixin.qq.com/pay/orderquery를 요청합니다. 인터페이스 주소가 WeChat에서 반환된 xml과 다르다는 점을 제외하면 프로세스는 위와 동일합니다. 필드에는 SUCCESS 및 NOTPAY 상태가 있으며 결제가 성공적으로 완료되면 사용자에게 메시지가 표시되고 타이머가 닫힙니다.
콜백 주소
이 부분은 실제로 대부분의 작업이 완료될 수 있지만 사용자의 컴퓨터 연결이 끊어져 요청을 보낼 수 없는데 사용자가 모바일을 통해 결제하는 등의 특수한 상황이 있습니다. 결과적으로 사용자의 결제 정보를 기록할 수 없습니다. 이때 콜백 주소가 매우 중요합니다콜백 주소 설정
WeChat 판매자 센터->제품 센터->개발 구성->QR 코드 스캔하여 결제이후 우리가 해야 할 일은 post를 사용하여 백엔드에서 수신하는 것입니다. WeChat에서 전송한 비동기 콜백 정보도 XML 형식입니다. XML 수신이 지원되지 않으면 빈 데이터가 나타날 수 있습니다.여기서 저장하는 동안에도 주의해야 합니다. 사용자의 결제 정보를 먼저 확인하고 주문을 수정해야 합니다. 결제 여부에 관계없이 여러 개의 기록이 삽입될 수 있습니다요약
이런 경우에도 WeChat 스캔 코드 결제에는 함정이 있습니다. 처음으로 주의해야 할 사항은 다음과 같습니다-
서명 알고리즘은 올바르게 작성되어야 합니다. 그렇지 않으면 올바르게 연결되어야 합니다 - WeChat은 데이터를 xml로 반환합니다. 형식을 플러그인을 통해 json으로 변환해야 데이터를 쉽게 얻을 수 있습니다
- Return code_url은 프런트 엔드에 대한 QR 코드를 생성하는 데 사용되며 타이머가 필요합니다. 주문이 결제되었는지 확인하고 최종적으로 사용자에게 결과가 통보됩니다
- 콜백 주소는 매우 중요합니다. 백엔드에서 WeChat이 반환한 콜백 정보를 수신하려면 게시해야 하며, 그 정보를 저장해야 합니다. , 하지만 사용자의 결제 정보를 저장하기 전에 주문이 반복적으로 추가되는 것을 방지하기 위해 주문이 저장되었는지 여부를 알아야 합니다. 또한, 반환된 XML 데이터는 백엔드에서 수신할 수 있도록 보장되어야 정상적인 방법으로 수신할 수 없으며 추가 설정이 필요합니다.
위 내용은 nodejs 환경에서 WeChat 코드 스캐닝 결제 기능을 구현하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
Python vs. JavaScript : 개발자를위한 비교 분석May 09, 2025 am 12:22 AMPython과 JavaScript의 주요 차이점은 유형 시스템 및 응용 프로그램 시나리오입니다. 1. Python은 과학 컴퓨팅 및 데이터 분석에 적합한 동적 유형을 사용합니다. 2. JavaScript는 약한 유형을 채택하며 프론트 엔드 및 풀 스택 개발에 널리 사용됩니다. 두 사람은 비동기 프로그래밍 및 성능 최적화에서 고유 한 장점을 가지고 있으며 선택할 때 프로젝트 요구 사항에 따라 결정해야합니다.
Python vs. JavaScript : 작업에 적합한 도구 선택May 08, 2025 am 12:10 AMPython 또는 JavaScript를 선택할지 여부는 프로젝트 유형에 따라 다릅니다. 1) 데이터 과학 및 자동화 작업을 위해 Python을 선택하십시오. 2) 프론트 엔드 및 풀 스택 개발을 위해 JavaScript를 선택하십시오. Python은 데이터 처리 및 자동화 분야에서 강력한 라이브러리에 선호되는 반면 JavaScript는 웹 상호 작용 및 전체 스택 개발의 장점에 없어서는 안될 필수입니다.
파이썬 및 자바 스크립트 : 각각의 강점을 이해합니다May 06, 2025 am 12:15 AM파이썬과 자바 스크립트는 각각 고유 한 장점이 있으며 선택은 프로젝트 요구와 개인 선호도에 따라 다릅니다. 1. Python은 간결한 구문으로 데이터 과학 및 백엔드 개발에 적합하지만 실행 속도가 느립니다. 2. JavaScript는 프론트 엔드 개발의 모든 곳에 있으며 강력한 비동기 프로그래밍 기능을 가지고 있습니다. node.js는 풀 스택 개발에 적합하지만 구문은 복잡하고 오류가 발생할 수 있습니다.
JavaScript의 핵심 : C 또는 C에 구축 되었습니까?May 05, 2025 am 12:07 AMjavaScriptisNotBuiltoncorc; it'SangretedLanguageThatrunsonOngineStenWrittenInc .1) javaScriptWasDesignEdasAlightweight, 해석 hanguageforwebbrowsers.2) Endinesevolvedfromsimpleplemporectreterstoccilpilers, 전기적으로 개선된다.
JavaScript 응용 프로그램 : 프론트 엔드에서 백엔드까지May 04, 2025 am 12:12 AMJavaScript는 프론트 엔드 및 백엔드 개발에 사용할 수 있습니다. 프론트 엔드는 DOM 작업을 통해 사용자 경험을 향상시키고 백엔드는 Node.js를 통해 서버 작업을 처리합니다. 1. 프론트 엔드 예 : 웹 페이지 텍스트의 내용을 변경하십시오. 2. 백엔드 예제 : node.js 서버를 만듭니다.
Python vs. JavaScript : 어떤 언어를 배워야합니까?May 03, 2025 am 12:10 AMPython 또는 JavaScript는 경력 개발, 학습 곡선 및 생태계를 기반으로해야합니다. 1) 경력 개발 : Python은 데이터 과학 및 백엔드 개발에 적합한 반면 JavaScript는 프론트 엔드 및 풀 스택 개발에 적합합니다. 2) 학습 곡선 : Python 구문은 간결하며 초보자에게 적합합니다. JavaScript Syntax는 유연합니다. 3) 생태계 : Python에는 풍부한 과학 컴퓨팅 라이브러리가 있으며 JavaScript는 강력한 프론트 엔드 프레임 워크를 가지고 있습니다.
JavaScript 프레임 워크 : 현대적인 웹 개발 파워May 02, 2025 am 12:04 AMJavaScript 프레임 워크의 힘은 개발 단순화, 사용자 경험 및 응용 프로그램 성능을 향상시키는 데 있습니다. 프레임 워크를 선택할 때 : 1. 프로젝트 규모와 복잡성, 2. 팀 경험, 3. 생태계 및 커뮤니티 지원.
JavaScript, C 및 브라우저의 관계May 01, 2025 am 12:06 AM서론 나는 당신이 이상하다는 것을 알고 있습니다. JavaScript, C 및 Browser는 정확히 무엇을해야합니까? 그들은 관련이없는 것처럼 보이지만 실제로는 현대 웹 개발에서 매우 중요한 역할을합니다. 오늘 우리는이 세 가지 사이의 밀접한 관계에 대해 논의 할 것입니다. 이 기사를 통해 브라우저에서 JavaScript가 어떻게 실행되는지, 브라우저 엔진의 C 역할 및 웹 페이지의 렌더링 및 상호 작용을 유도하기 위해 함께 작동하는 방법을 알게됩니다. 우리는 모두 JavaScript와 브라우저의 관계를 알고 있습니다. JavaScript는 프론트 엔드 개발의 핵심 언어입니다. 브라우저에서 직접 실행되므로 웹 페이지를 생생하고 흥미롭게 만듭니다. 왜 Javascr
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!
인기 기사
뜨거운 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
SublimeText3 Linux 새 버전
SublimeText3 Linux 최신 버전
ZendStudio 13.5.1 맥
강력한 PHP 통합 개발 환경
SublimeText3 영어 버전
권장 사항: Win 버전, 코드 프롬프트 지원!
안전한 시험 브라우저
안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.
