商城系統(tǒng) 注冊(cè)

小程序統(tǒng)一下單接口文檔

2020-09-27|HiShop
導(dǎo)讀：小程序支付實(shí)現(xiàn)統(tǒng)一下單功能，要怎么來(lái)實(shí)現(xiàn)，下面為大家介紹小程序統(tǒng)一下單接口文檔...

小程序支付實(shí)現(xiàn)統(tǒng)一下單功能，要怎么來(lái)實(shí)現(xiàn)，下面為大家介紹小程序統(tǒng)一下單接口文檔

 

在做小程序支付希望你已經(jīng)熟讀微信的文檔微信支付-小程序-手機(jī)端和微信支付-小程序-后臺(tái)。且你已經(jīng)有了

    AppID: "wx****************",  // 小程序ID  
    Secret: "********************************",  // 小程序Secret
    Mch_id: "**********", // 商戶(hù)號(hào)
    Mch_key: "********************", // 商戶(hù)key

關(guān)于上面的這4個(gè)數(shù)據(jù)的獲取，請(qǐng)自行在自己的賬號(hào)中獲取和設(shè)置。且你已經(jīng)有了用戶(hù)的openid。《微信小程序開(kāi)發(fā)(四)獲取用戶(hù)openid》。

小程序接口

wx.requestPayment({
   'timeStamp': '',
   'nonceStr': '',
   'package': '',
   'signType': 'MD5',
   'paySign': '',
   'success':function(res){
   },
   'fail':function(res){
   }
})

小程序接口就暴露這一個(gè)方法。這個(gè)方法有4個(gè)參數(shù)是需要后臺(tái)去獲取的。
小程序統(tǒng)一下單接口文檔
其實(shí)大部分工作都是后臺(tái)的事情。

后端實(shí)現(xiàn)

后端主要是統(tǒng)一下單的這個(gè)接口https://api.mch.weixin.qq.com/pay/unifiedorder。
這里主要就是幾個(gè)簽名算法：

統(tǒng)一下單簽名

// 生成簽名
function paysignjsapi(appid,body,mch_id,nonce_str,notify_url,openid,out_trade_no,spbill_create_ip,total_fee) {
    var ret = {
        appid: appid,
        body: body,
        mch_id: mch_id,
        nonce_str: nonce_str,
        notify_url:notify_url,
        openid:openid,
        out_trade_no:out_trade_no,
        spbill_create_ip:spbill_create_ip,
        total_fee:total_fee,
        trade_type: 'JSAPI'
    };
    var str = raw(ret);
    str = str + '&key='+key;
    var md5Str = cryptoMO.createHash('md5').update(str).digest('hex');
    md5Str = md5Str.toUpperCase();
    return md5Str;
};
function raw(args) {
    var keys = Object.keys(args);
    keys = keys.sort(); 
    var newArgs = {};
    keys.forEach(function(key) {
        newArgs[key.toLowerCase()] = args[key];
    });

    var str = '';
    for(var k in newArgs) {
        str += '&' + k + '=' + newArgs[k];
    }
    str = str.substr(1);
    return str;
};

小程序paySign

function paysignjs(appid, nonceStr, package, signType, timeStamp) {
    var ret = {
        appId: appid,
        nonceStr: nonceStr,
        package: package,
        signType: signType,
        timeStamp: timeStamp
    };
    var str = raw1(ret);
    str = str + '&key='+key;
    return cryptoMO.createHash('md5').update(str).digest('hex');
};

function raw1(args) {
    var keys = Object.keys(args);
    keys = keys.sort()
    var newArgs = {};
    keys.forEach(function(key) {
        newArgs[key] = args[key];
    });

    var str = '';
    for(var k in newArgs) {
        str += '&' + k + '=' + newArgs[k];
    }
    str = str.substr(1);
    return str;
};

統(tǒng)一下單后端實(shí)現(xiàn)

var wxConfig = require('../wx_pay/wx_x_config'); 
var cryptoMO = require('crypto'); // MD5算法
var parseString = require('xml2js').parseString; // xml轉(zhuǎn)js對(duì)象

var key = wxConfig.Mch_key;
/*
 * 根據(jù)openid 發(fā)起微信支付  
 */
router.all('/api/wxpay/unifiedorder', function(req, res, next) {
    var param = req.query || req.params; 
    var openid = param.openid;

    var spbill_create_ip = req.ip.replace(/::ffff:/, ''); // 獲取客戶(hù)端ip
    var body = '測(cè)試支付'; // 商品描述
    var notify_url = 'https://www.hgdqdev.cn/api/wxpay' // 支付成功的回調(diào)地址  可訪問(wèn) 不帶參數(shù)
    var nonce_str = getNonceStr(); // 隨機(jī)字符串
    var out_trade_no = wxConfig.getWxPayOrdrID(); // 商戶(hù)訂單號(hào)
    var total_fee = '1'; // 訂單價(jià)格 單位是 分
    var timestamp = Math.round(new Date().getTime()/1000); // 當(dāng)前時(shí)間

    var bodyData = '<xml>';
    bodyData += '<appid>' + wxConfig.AppID + '</appid>';  // 小程序ID
    bodyData += '<body>' + body + '</body>'; // 商品描述
    bodyData += '<mch_id>' + wxConfig.Mch_id + '</mch_id>'; // 商戶(hù)號(hào)
    bodyData += '<nonce_str>' + nonce_str + '</nonce_str>'; // 隨機(jī)字符串
    bodyData += '<notify_url>' + notify_url + '</notify_url>'; // 支付成功的回調(diào)地址 
    bodyData += '<openid>' + openid + '</openid>'; // 用戶(hù)標(biāo)識(shí)
    bodyData += '<out_trade_no>' + out_trade_no + '</out_trade_no>'; // 商戶(hù)訂單號(hào)
    bodyData += '<spbill_create_ip>' + spbill_create_ip + '</spbill_create_ip>'; // 終端IP
    bodyData += '<total_fee>' + total_fee + '</total_fee>'; // 總金額 單位為分
    bodyData += '<trade_type>JSAPI</trade_type>'; // 交易類(lèi)型 小程序取值如下：JSAPI
    // 簽名
    var sign = paysignjsapi(
        wxConfig.AppID,
        body, 
        wxConfig.Mch_id, 
        nonce_str,
        notify_url, 
        openid, 
        out_trade_no, 
        spbill_create_ip, 
        total_fee
    );
    bodyData += '<sign>' + sign + '</sign>';
    bodyData += '</xml>';
    // 微信小程序統(tǒng)一下單接口
    var urlStr = 'https://api.mch.weixin.qq.com/pay/unifiedorder';
    request({
        url: urlStr,
        method: 'POST',
        body: bodyData
    }, function (error, response, body) {
        if (!error && response.statusCode == 200) {
            var returnValue = {};
            parseString(body, function (err, result) {
                if (result.xml.return_code[0] == 'SUCCESS') {
                    returnValue.msg = '操作成功';
                    returnValue.status = '100';
                    returnValue.out_trade_no = out_trade_no;  // 商戶(hù)訂單號(hào)
                    // 小程序 客戶(hù)端支付需要 nonceStr,timestamp,package,paySign  這四個(gè)參數(shù)
                    returnValue.nonceStr = result.xml.nonce_str[0]; // 隨機(jī)字符串
                    returnValue.timestamp = timestamp.toString(); // 時(shí)間戳
                    returnValue.package = 'prepay_id=' + result.xml.prepay_id[0]; // 統(tǒng)一下單接口返回的 prepay_id 參數(shù)值
                    returnValue.paySign = paysignjs(wxConfig.AppID, returnValue.nonceStr, returnValue.package, 'MD5',timestamp); // 簽名
                    res.end(JSON.stringify(returnValue));
                } else{
                    returnValue.msg = result.xml.return_msg[0];
                    returnValue.status = '102';
                    res.end(JSON.stringify(returnValue));
                }
            });
        }
    })
});

wxConfig代碼：


/* 微信參數(shù)AppID 和 Secret */
var wxConfig = {
    AppID: "wx****************",  // 小程序ID  
    Secret: "********************************",  // 小程序Secret
    Mch_id: "**********", // 商戶(hù)號(hào)
    Mch_key: "********************", // 商戶(hù)key
    // 生成商戶(hù)訂單號(hào)
    getWxPayOrdrID: function(){
        var myDate = new Date();
        var year = myDate.getFullYear();
        var mouth = myDate.getMonth() + 1;
        var day = myDate.getDate();
        var hour = myDate.getHours();
        var minute = myDate.getMinutes();
        var second = myDate.getSeconds();
        var msecond = myDate.getMilliseconds(); //獲取當(dāng)前毫秒數(shù)(0-999)
        if(mouth < 10){ /*月份小于10  就在前面加個(gè)0*/
            mouth = String(String(0) + String(mouth));
        }
        if(day < 10){ /*日期小于10  就在前面加個(gè)0*/
            day = String(String(0) + String(day));
        }
        if(hour < 10){ /*時(shí)小于10  就在前面加個(gè)0*/
            hour = String(String(0) + String(hour));
        }
        if(minute < 10){ /*分小于10  就在前面加個(gè)0*/
            minute = String(String(0) + String(minute));
        }
        if(second < 10){ /*秒小于10  就在前面加個(gè)0*/
            second = String(String(0) + String(second));
        }
        if (msecond < 10) {
            msecond = String(String(00) + String(second));
        } else if(msecond >= 10 && msecond < 100){
            msecond = String(String(0) + String(second));
        }

        var currentDate = String(year) + String(mouth) + String(day) + String(hour) + String(minute) + String(second) + String(msecond);
        return currentDate;
    }
};
module.exports = wxConfig;

實(shí)例

// 支付按鈕點(diǎn)擊事件
  payTap: function(){
    var self = this;
    wx.request({
      url: 'https://www.hgdqdev.cn/api/wxpay/unifiedorder',
      data: {
        openid: self.data.openid   // 這里正常項(xiàng)目不會(huì)只有openid一個(gè)參數(shù)
      },
      success: function(res){
        if(res.data.status == 100){
          var payModel = res.data;
          wx.requestPayment({
            'timeStamp': payModel.timestamp,
            'nonceStr': payModel.nonceStr,
            'package': payModel.package,
            'signType': 'MD5',
            'paySign': payModel.paySign,
            'success': function (res) {
              wx.showToast({
                title: '支付成功',
                icon: 'success',
                duration: 2000
              })
            },
            'fail': function (res) {
            }
          })
        }
      },
      fail: function(){

      }
    })
  },

 

HiShop小程序工具提供多類(lèi)型商城/門(mén)店小程序制作，可視化編輯 1秒生成5步上線。通過(guò)拖拽、拼接模塊布局小程序商城頁(yè)面，所看即所得，只需要美工就能做出精美商城。更多小程序商店請(qǐng)查看：小程序商店

小程序統(tǒng)一下單接口文檔

電話咨詢(xún) 預(yù)約演示 0元開(kāi)店