COURSE 小程序教程
我们的作品，他们的故事
Our work, their stories
Our work, their stories
微信小程序接入微信支付方法
17-05-17
微信小程序开发出来后，想要用在线支付功能怎么办？毕竟在小程序里面实现微信支付的话还是会带来很大的便捷的。有过开发服务号下微信支付经验的亲会发现，其实小程序里的微信支付和服务号里面的开发过程很像。
那么具体过程是怎样的呢？移步到微种草君七嬷嬷带你瞧瞧：
Step1：开通微信支付和微信商户号
这个过程几乎就和开通服务号的微信支付一样。
Step2：获得用户的 OpenID
首先，我们需要在小程序的客户端的逻辑层中，获取当前用户的 OpenID。通过调用 wx.login方法，可以得到用户的code，然后开发者服务器使用登录凭证code 获取 openid。
wx.login({
success: function (res) {
if (res.code) {
//发起网络请求
wx.request({
url: 'https://yourwebsit/onLogin',
method: 'POST',
data: {
code: res.code
},
success: function (res) {
var openid = res.data.openid;
},
fail: function (err) {
console.log(err)
}
})
}
else {
console.log('获取用户登录态失败!' + res.errMsg)
}
}
});
var code = req.param("code");
request({
url: "https://api.weixin.qq.com/sns/jscode2session?appid=" + appid + "&secret=" + secret + "&js_code=" + code + "&grant_type=authorization_code",
method: 'GET'
}, function (err, response, body) {
if (!err && response.statusCode == 200) {
res.json(JSON.parse(body));
}
});
Step3：获取 prepay_id和支付签名验证paySign
这一步的过程，和服务号里的微信支付过程一样。这个过程区分为客户端操作，以及服务器端的操作。首先来看一下客户端逻辑层实现。在服务号里，我们是通过如下的代码来调起支付功能：
function jsApiCall() {
WeixinJSBridge.invoke('getBrandWCPayRequest', {
"appId": "", //公众号名称，由商户传入
"timeStamp": "", //时间戳，自1970年以来的秒数
"nonceStr": "", //随机串
"package": "prepay_id=",
"signType": "MD5", //微信签名方式：
"paySign": "" //微信签名
}, function (res) {
WeixinJSBridge.log(res.err_msg);
if (res.err_msg == "get_brand_wcpay_request:ok") {
;
}
else {
;
}
});
}
在小程序里，我们是通过 wx.requestPayment 方法调起支付功能。当然，在这之前，我们先要获取 prepay_id。
wx.request({
url: 'https://yourwebsit/service/getPay',
method: 'POST',
data: {
bookingNo: bookingNo,
total_fee: total_fee,
openid: openid
},
header: {
'content-type': 'application/json'
}, success: function (res) {
wx.requestPayment({
'timeStamp': timeStamp
, 'nonceStr': nonceStr
, 'package': 'prepay_id=' + res.data.prepay_id
, 'signType': 'MD5'
, 'paySign': res.data._paySignjs
, 'success': function (res) {
console.log(res);
}
, 'fail': function (res) {
console.log('fail:' + JSON.stringify(res));
}
})
},
fail: function (err) {
console.log(err)
}
})
在服务器端，我们需要实现的是 prepay_id 的获取，以及签名 paySign 的获取。
var bookingNo = req.param("bookingNo");
var total_fee = req.param("total_fee");
var openid = req.param("openid");
var body = "费用说明";
var url = "https://api.mch.weixin.qq.com/pay/unifiedorder";
var formData = "";
formData += "appid"; //appid
formData += "test";
formData += "" + body + "";
formData += "mch_id"; //商户号
formData += "nonce_str";
formData += "notify_url";
formData += "" + openid + "";
formData += "" + bookingNo + "";
formData += "spbill_create_ip";
formData += "" + total_fee + "";
formData += "JSAPI";
formData += "" + paysignjsapi(appid, attach, body, mch_id, nonce_str, notify_url, openid, bookingNo, spbill_create_ip, total_fee, 'JSAPI') + "";
formData += "";
request({
url: url,
method: 'POST',
body: formData
}, function (err, response, body) {
if (!err && response.statusCode == 200) {
var prepay_id = getXMLNodeValue('prepay_id', body.toString("utf-8"));
var tmp = prepay_id.split('[');
var tmp1 = tmp[2].split(']');
//签名
var _paySignjs = paysignjs(appid, mch_id, 'prepay_id=' + tmp1[0], 'MD5', timeStamp);
var o = {
prepay_id: tmp1[0]
, _paySignjs: _paySignjs
}
res.send(o);
}
});
下面是用到的函数：
function paysignjs(appid, nonceStr, package, signType, timeStamp) {
var ret = {
appId: appid,
nonceStr: nonceStr,
package: package,
signType: signType,
timeStamp: timeStamp
};
var string = raw1(ret);
string = string + '&key=' + key;
console.log(string);
var crypto = require('crypto');
return crypto.createHash('md5').update(string, 'utf8').digest('hex');
};
function raw1(args) {
var keys = Object.keys(args);
keys = keys.sort()
var newArgs = {};
keys.forEach(function (key) {
newArgs[key] = args[key];
});
var string = '';
for (var k in newArgs) {
string += '&' + k + '=' + newArgs[k];
}
string = string.substr(1);
return string;
};
function paysignjsapi(appid, attach, body, mch_id, nonce_str, notify_url, openid, out_trade_no, spbill_create_ip, total_fee, trade_type) {
var ret = {
appid: appid,
attach: attach,
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: trade_type
};
var string = raw(ret);
string = string + '&key=' + key;
var crypto = require('crypto');
return crypto.createHash('md5').update(string, 'utf8').digest('hex');
};
function raw(args) {
var keys = Object.keys(args);
keys = keys.sort()
var newArgs = {};
keys.forEach(function (key) {
newArgs[key.toLowerCase()] = args[key];
});
var string = '';
for (var k in newArgs) {
