前言
本篇文章主要是記錄本人在微信掃碼支付過(guò)程中所遇到的問(wèn)題,給大家一個(gè)借鑒作用,希望對(duì)你們有幫助
開(kāi)發(fā)環(huán)境nodejs v8.1.0
egg v1.1.0
準(zhǔn)備工作微信公眾號(hào)-appid
微信商戶號(hào)-mch_id
key值(簽名算法所需,其實(shí)就是一個(gè)32位的密碼,可以用md5生成一個(gè))(key設(shè)置路徑:微信商戶平臺(tái)(pay.weixin.qq.com)-->賬戶設(shè)置-->API安全-->密鑰設(shè)置)
掃碼支付-統(tǒng)一下單以下才用的是微信模式二,因?yàn)楸容^簡(jiǎn)單
let MD5 = require("md5"), xml2js = require("xml2js"), url = "https://api.mch.weixin.qq.com/pay/unifiedorder",// 下單請(qǐng)求地址 appid = "公眾號(hào)id", mch_id = "微信商戶號(hào)"; notify_url = "回調(diào)地址", out_trade_no = "自己設(shè)置的訂單號(hào)",// 微信會(huì)有自己訂單號(hào)、我們自己的系統(tǒng)需要設(shè)置自己的訂單號(hào) total_fee = "訂單金額",// 注意,單位為分 body = "商品簡(jiǎn)單描述", trade_type = "NATIVE",// 交易類型,JSAPI--公眾號(hào)支付、NATIVE--原生掃碼支付、APP--app支付 nonce_str = moment().format("YYYYMMDDHHmmssSSS"),// 隨機(jī)字符串32位以下 stringA = `appid=${公眾號(hào)id}&body=${body}&mch_id=${微信商戶號(hào)}&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為商戶平臺(tái)設(shè)置的密鑰key sign = MD5(stringSignTemp).toUpperCase(); //注:MD5簽名方式
以上就是我們所需要的一些參數(shù)
簽名生成算法見(jiàn)微信官方
spbill_create_ip 是 終端ip地址
下面把所有的參數(shù)拼接成xml
const formData = ""; formData += " "; // 這里使用了egg里面請(qǐng)求的方式 const resultData = yield ctx.curl(url, { method: "POST", content: formData, headers: { "content-type": "text/html", }, }); // xml轉(zhuǎn)json格式 xml2js.parseString(resultData.data, function (err, json) { if (err) { new Error("解析xml報(bào)錯(cuò)") } else { var result = formMessage(json.xml); // 轉(zhuǎn)換成正常的json 數(shù)據(jù) console.log(result) //打印出返回的結(jié)果 } }) 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; }" + appid + " "; //appid formData += "" + body + ""; //商品或支付單簡(jiǎn)要描述 formData += "" + mch_id + " "; //商戶號(hào) formData += "" + nonce_str + " "; //隨機(jī)字符串,不長(zhǎng)于32位 formData += "" + notify_url + " "; //支付成功后微信服務(wù)器通過(guò)POST請(qǐng)求通知這個(gè)地址 formData += "" + out_trade_no + " "; //訂單號(hào) formData += "" + total_fee + " "; //金額 formData += "" + ctx.request.ip + " "; //ip formData += "NATIVE "; //NATIVE會(huì)返回code_url ,JSAPI不會(huì)返回 formData += "" + sign + " "; formData += "
上面使用了egg的請(qǐng)求方式,原生node可以使用request
var request = require("request"); request({ url: url, method: "POST", body: formData }, function(error, response, body) { if (!error && response.statusCode == 200) { } });
如果請(qǐng)求成功會(huì)最終返回一個(gè)xml,然后我們進(jìn)行解析成json的格式,里面會(huì)有一個(gè)code_url和out_trade_no,我們需要把這兩個(gè)返回給前端,然后通過(guò)生成二維碼展示給用戶掃碼,完成支付
監(jiān)聽(tīng)支付是否成功上面操作完成之后,我們需要知道用戶是否完成支付,因?yàn)橛脩魰?huì)停留在該頁(yè)面,我們需要在用戶付完款之后,通知用戶支付成功。
首先,用戶發(fā)起支付的時(shí)候我們會(huì)生成二維碼,讓用戶完成掃碼支付,我們還要做的是,開(kāi)一個(gè)定時(shí)器,每隔一段時(shí)間去發(fā)送一個(gè)請(qǐng)求,這個(gè)時(shí)候,我們node后臺(tái)就需要寫一個(gè)查詢訂單的接口,之前我們拿到了out_trade_no,也就是我們系統(tǒng)內(nèi)部的訂單號(hào),我們把這個(gè)數(shù)據(jù)發(fā)送給后臺(tái)查詢訂單的接口,然后后臺(tái)接收到之后會(huì)請(qǐng)求微信的查詢接口地址https://api.mch.weixin.qq.com/pay/orderquery,流程跟上面一樣,只是接口地址和微信返回的xml不一樣而已,返回的字段會(huì)有一個(gè)狀態(tài)即SUCCESS和NOTPAY,我們可以通過(guò)判斷是否支付返回給前端,成功之后提示給用戶支付成功,關(guān)閉定時(shí)器。
這個(gè)是非常重要的一環(huán),大部分的操作其實(shí)在上面就可以完成,但是有特殊的情況,比如用戶電腦斷網(wǎng)發(fā)送不了請(qǐng)求,但是手機(jī)付款了,這就會(huì)導(dǎo)致我們記錄不到用戶支付的信息。這個(gè)時(shí)候回調(diào)地址就很重要了
設(shè)置回調(diào)地址微信商戶中心->產(chǎn)品中心->開(kāi)發(fā)配置->掃碼支付
之后我們需要做的是后端用post來(lái)接收微信發(fā)送的異步回調(diào)信息,也是xml的格式,這里注意,如果不支持接收xml,可能會(huì)得到空的數(shù)據(jù)
這里還需要注意的是,我們?cè)诒4嬗脩糁Ц缎畔⒌耐瑫r(shí),得先查改訂單是否支付,以免重復(fù)操作,可能會(huì)插入多條記錄的情況
微信掃碼支付坑還是有的,如果你是第一次摸索的話,下面羅列一下需要注意的地方
簽名算法要寫正確,不然是不會(huì)成功的,要拼接正確才行
微信返回的是xml格式的數(shù)據(jù),我們得通過(guò)插件轉(zhuǎn)成json,這樣才方便獲取數(shù)據(jù)
返回的code_url要給前端生成二維碼用,然后需要開(kāi)一個(gè)定時(shí)器查詢?cè)撚唵问欠裢瓿芍Ц?,最終通知用戶結(jié)果
回調(diào)地址很重要,我們后端需要post接收微信返回的回調(diào)信息,然后保存信息,不過(guò)在保存用戶支付信息的之前,我們得知道該訂單是否已經(jīng)保存過(guò),以免重復(fù)添加。還有就是返回的是xml的數(shù)據(jù),后端一定要保證能夠接收得到,按照正常的方式是接收不了的,得額外設(shè)置。
文章地址 nodejs微信支付之掃碼支付
個(gè)人博客地址 http://www.wclimb.site
GitHub地址 wclimb
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/107498.html
摘要:前端項(xiàng)目包含多個(gè)路由,涉及到文件有個(gè),功能設(shè)計(jì)登錄,定位,瀏覽商品,加購(gòu)物車,下訂單,支付支持微信和支付寶的掃碼支付和調(diào)起支付,評(píng)價(jià),個(gè)人信息更改,是一個(gè)較為完整的項(xiàng)目。 關(guān)于 2019屆大三學(xué)生,前段時(shí)間一直想一個(gè)人單獨(dú)開(kāi)發(fā)一個(gè)較為完整的項(xiàng)目,在眾多應(yīng)用中,考慮之后選擇了美團(tuán)外賣來(lái)模仿,這段時(shí)間就利用課余時(shí)間進(jìn)行開(kāi)發(fā),前端用vue+vuex+vue-router+axios,因?yàn)樾枰?..
摘要:項(xiàng)目版本微信的支付邏輯與支付寶的支付有一些差別。調(diào)用微信支付不同接口需要的參數(shù)會(huì)有差別。調(diào)用客戶端的方式查看微信文檔掃碼支付返回了一個(gè)地址??芍苯臃湃胛⑿诺耐瓿烧{(diào)用。 payment 項(xiàng)目2.0版本 微信的支付邏輯與支付寶的支付有一些差別。為了讓客戶端忽略這些差別,統(tǒng)一調(diào)用。本sdk做了對(duì)應(yīng)處理。 # SDK調(diào)用 微信支付不同接口需要的參數(shù)會(huì)有差別。請(qǐng)大家在使用接口時(shí),仔細(xì)查看文檔。...
摘要:那么有微信支付的能力嗎以上就是能力,可以做掃碼支付,例如我上面的,還可以做支付,也就是在微信里面訪問(wèn)的頁(yè)面,點(diǎn)擊按鈕發(fā)起支付的方式,還有一個(gè)能力就是支持個(gè)人微信小程序的,個(gè)人微信小程序無(wú)需認(rèn)證也可以使用支付接口實(shí)現(xiàn)。 個(gè)人微信支付寶免簽約支付解決方案 https://www.likeyunba.com/pay/ 我們知道要想使用微信支付,要具備以下條件 1、申請(qǐng)服務(wù)號(hào)2、要有企業(yè)資料(...
摘要:所以,我也想加一個(gè)打賞功能分析但在逛了一圈之后發(fā)現(xiàn),打賞插件基本上千篇一律的掃碼微信掃碼支付寶掃碼。但由于與微信無(wú)法直接喚醒,所以直接輸出一個(gè)與微信的二維碼,然后長(zhǎng)按掃碼實(shí)現(xiàn)支付。 前言 最近在逛博客時(shí),發(fā)現(xiàn)很多博客都帶了打賞功能,雖說(shuō)打賞的人可能很少,但始終是一份心意,能讓博主知道自己寫的文章有用,能夠幫助到人。所以,我也想加一個(gè)打賞功能~ 分析 但在github逛了一圈之后發(fā)現(xiàn),打...
閱讀 2054·2023-04-26 00:16
閱讀 3513·2021-11-15 11:38
閱讀 3202·2019-08-30 12:50
閱讀 3211·2019-08-29 13:59
閱讀 778·2019-08-29 13:54
閱讀 2543·2019-08-29 13:42
閱讀 3339·2019-08-26 11:45
閱讀 2216·2019-08-26 11:36