前言
本篇文章主要是記錄本人在微信掃碼支付過程中所遇到的問題,給大家一個借鑒作用,希望對你們有幫助
開發(fā)環(huán)境nodejs v8.1.0
egg v1.1.0
準備工作微信公眾號-appid
微信商戶號-mch_id
key值(簽名算法所需,其實就是一個32位的密碼,可以用md5生成一個)(key設置路徑:微信商戶平臺(pay.weixin.qq.com)-->賬戶設置-->API安全-->密鑰設置)
掃碼支付-統(tǒng)一下單以下才用的是微信模式二,因為比較簡單
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 = "自己設置的訂單號",// 微信會有自己訂單號、我們自己的系統(tǒng)需要設置自己的訂單號 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簽名方式
以上就是我們所需要的一些參數
簽名生成算法見微信官方
spbill_create_ip 是 終端ip地址
下面把所有的參數拼接成xml
const formData = ""; formData += " "; // 這里使用了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; }" + appid + " "; //appid formData += "" + body + ""; //商品或支付單簡要描述 formData += "" + mch_id + " "; //商戶號 formData += "" + nonce_str + " "; //隨機字符串,不長于32位 formData += "" + notify_url + " "; //支付成功后微信服務器通過POST請求通知這個地址 formData += "" + out_trade_no + " "; //訂單號 formData += "" + total_fee + " "; //金額 formData += "" + ctx.request.ip + " "; //ip formData += "NATIVE "; //NATIVE會返回code_url ,JSAPI不會返回 formData += "" + sign + " "; formData += "
上面使用了egg的請求方式,原生node可以使用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,我們需要把這兩個返回給前端,然后通過生成二維碼展示給用戶掃碼,完成支付
監(jiān)聽支付是否成功上面操作完成之后,我們需要知道用戶是否完成支付,因為用戶會停留在該頁面,我們需要在用戶付完款之后,通知用戶支付成功。
首先,用戶發(fā)起支付的時候我們會生成二維碼,讓用戶完成掃碼支付,我們還要做的是,開一個定時器,每隔一段時間去發(fā)送一個請求,這個時候,我們node后臺就需要寫一個查詢訂單的接口,之前我們拿到了out_trade_no,也就是我們系統(tǒng)內部的訂單號,我們把這個數據發(fā)送給后臺查詢訂單的接口,然后后臺接收到之后會請求微信的查詢接口地址https://api.mch.weixin.qq.com/pay/orderquery,流程跟上面一樣,只是接口地址和微信返回的xml不一樣而已,返回的字段會有一個狀態(tài)即SUCCESS和NOTPAY,我們可以通過判斷是否支付返回給前端,成功之后提示給用戶支付成功,關閉定時器。
這個是非常重要的一環(huán),大部分的操作其實在上面就可以完成,但是有特殊的情況,比如用戶電腦斷網發(fā)送不了請求,但是手機付款了,這就會導致我們記錄不到用戶支付的信息。這個時候回調地址就很重要了
設置回調地址微信商戶中心->產品中心->開發(fā)配置->掃碼支付
之后我們需要做的是后端用post來接收微信發(fā)送的異步回調信息,也是xml的格式,這里注意,如果不支持接收xml,可能會得到空的數據
這里還需要注意的是,我們在保存用戶支付信息的同時,得先查改訂單是否支付,以免重復操作,可能會插入多條記錄的情況
微信掃碼支付坑還是有的,如果你是第一次摸索的話,下面羅列一下需要注意的地方
簽名算法要寫正確,不然是不會成功的,要拼接正確才行
微信返回的是xml格式的數據,我們得通過插件轉成json,這樣才方便獲取數據
返回的code_url要給前端生成二維碼用,然后需要開一個定時器查詢該訂單是否完成支付,最終通知用戶結果
回調地址很重要,我們后端需要post接收微信返回的回調信息,然后保存信息,不過在保存用戶支付信息的之前,我們得知道該訂單是否已經保存過,以免重復添加。還有就是返回的是xml的數據,后端一定要保證能夠接收得到,按照正常的方式是接收不了的,得額外設置。
文章地址 nodejs微信支付之掃碼支付
個人博客地址 http://www.wclimb.site
GitHub地址 wclimb
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規(guī)行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/107498.html
摘要:前端項目包含多個路由,涉及到文件有個,功能設計登錄,定位,瀏覽商品,加購物車,下訂單,支付支持微信和支付寶的掃碼支付和調起支付,評價,個人信息更改,是一個較為完整的項目。 關于 2019屆大三學生,前段時間一直想一個人單獨開發(fā)一個較為完整的項目,在眾多應用中,考慮之后選擇了美團外賣來模仿,這段時間就利用課余時間進行開發(fā),前端用vue+vuex+vue-router+axios,因為需要...
摘要:項目版本微信的支付邏輯與支付寶的支付有一些差別。調用微信支付不同接口需要的參數會有差別。調用客戶端的方式查看微信文檔掃碼支付返回了一個地址??芍苯臃湃胛⑿诺耐瓿烧{用。 payment 項目2.0版本 微信的支付邏輯與支付寶的支付有一些差別。為了讓客戶端忽略這些差別,統(tǒng)一調用。本sdk做了對應處理。 # SDK調用 微信支付不同接口需要的參數會有差別。請大家在使用接口時,仔細查看文檔。...
摘要:那么有微信支付的能力嗎以上就是能力,可以做掃碼支付,例如我上面的,還可以做支付,也就是在微信里面訪問的頁面,點擊按鈕發(fā)起支付的方式,還有一個能力就是支持個人微信小程序的,個人微信小程序無需認證也可以使用支付接口實現。 個人微信支付寶免簽約支付解決方案 https://www.likeyunba.com/pay/ 我們知道要想使用微信支付,要具備以下條件 1、申請服務號2、要有企業(yè)資料(...
摘要:所以,我也想加一個打賞功能分析但在逛了一圈之后發(fā)現,打賞插件基本上千篇一律的掃碼微信掃碼支付寶掃碼。但由于與微信無法直接喚醒,所以直接輸出一個與微信的二維碼,然后長按掃碼實現支付。 前言 最近在逛博客時,發(fā)現很多博客都帶了打賞功能,雖說打賞的人可能很少,但始終是一份心意,能讓博主知道自己寫的文章有用,能夠幫助到人。所以,我也想加一個打賞功能~ 分析 但在github逛了一圈之后發(fā)現,打...
閱讀 2025·2023-04-26 00:16
閱讀 3474·2021-11-15 11:38
閱讀 3167·2019-08-30 12:50
閱讀 3178·2019-08-29 13:59
閱讀 749·2019-08-29 13:54
閱讀 2496·2019-08-29 13:42
閱讀 3305·2019-08-26 11:45
閱讀 2186·2019-08-26 11:36