nodejs微信支付之掃碼支付

時間 2019-11-17

標籤 nodejs 微信支付简体版

原文原文鏈接

前言

本篇文章主要是記錄本人在微信掃碼支付過程當中所遇到的問題，給你們一個借鑑做用，但願對你們有幫助，若有錯誤還望指正php

開發環境

nodejs v8.1.0
egg v1.1.0

準備工做

微信公衆號-appid
微信商戶號-mch_id
key值(簽名算法所需,其實就是一個32位的密碼，能夠用md5生成一個)(key設置路徑：微信商戶平臺(pay.weixin.qq.com)-->帳戶設置-->API安全-->密鑰設置)

掃碼支付-統一下單

如下采用的是微信模式二，由於比較簡單html

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}&notify_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簽名方式
	
複製代碼

以上就是咱們所須要的一些參數前端

簽名生成算法見微信官方node

spbill_create_ip 是終端ip地址git

下面把全部的參數拼接成xmlgithub

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的請求方式，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,咱們須要把這兩個返回給前端，而後經過生成二維碼展現給用戶掃碼，完成支付json

監聽支付是否成功

上面操做完成以後，咱們須要知道用戶是否完成支付，由於用戶會停留在該頁面，咱們須要在用戶付完款以後，通知用戶支付成功。首先，用戶發起支付的時候咱們會生成二維碼，讓用戶完成掃碼支付，咱們還要作的是，開一個定時器，每隔一段時間去發送一個請求，這個時候，咱們node後臺就須要寫一個查詢訂單的接口，以前咱們拿到了out_trade_no，也就是咱們系統內部的訂單號，咱們把這個數據發送給後臺查詢訂單的接口，而後後臺接收到以後會請求微信的查詢接口地址https://api.mch.weixin.qq.com/pay/orderquery,流程跟上面同樣，只是接口地址和微信返回的xml不同而已，返回的字段會有一個狀態即SUCCESS和NOTPAY，咱們能夠經過判斷是否支付返回給前端，成功以後提示給用戶支付成功，關閉定時器。後端

回調地址

這個是很是重要的一環，大部分的操做其實在上面就能夠完成，可是有特殊的狀況，好比用戶電腦斷網發送不了請求，可是手機付款了，這就會致使咱們記錄不到用戶支付的信息。這個時候回調地址就很重要了api

設置回調地址

微信商戶中心->產品中心->開發配置->掃碼支付

以後咱們須要作的是後端用post來接收微信發送的異步回調信息，也是xml的格式，這裏注意，若是不支持接收xml，可能會獲得空的數據這裏還須要注意的是，咱們在保存用戶支付信息的同時，得先查改訂單是否支付，以避免重複操做，可能會插入多條記錄的狀況

總結

微信掃碼支付坑仍是有的，若是你是第一次摸索的話，下面羅列一下須要注意的地方

簽名算法要寫正確，否則是不會成功的，要拼接正確才行
微信返回的是xml格式的數據，咱們得經過插件轉成json，這樣才方便獲取數據
返回的code_url要給前端生成二維碼用，而後須要開一個定時器查詢該訂單是否完成支付，最終通知用戶結果
回調地址很重要，咱們後端須要post接收微信返回的回調信息，而後保存信息，不過在保存用戶支付信息的以前，咱們得知道該訂單是否已經保存過，以避免重複添加。還有就是返回的是xml的數據，後端必定要保證可以接收穫得，按照正常的方式是接收不了的，得額外設置。

文章地址 nodejs微信支付之掃碼支付

我的博客地址 http://www.wclimb.site

GitHub地址 wclimb

ps：最近在找工做，冒昧的問一下有沒有招人的呀