个人微信小程序支付功能怎么开发和使用？

　　个人微信小程序支付功能和支付宝一样方便，而且基于小程序特点，还不占手机内存。所以自推出之后就受到了大家的青睐，对于小程序开发者来说，个人微信小程序支付功能怎样开发呢?以下是开发流程及开发过程中需要注意的地方：

　　1.开通微信支付和微信商户号

　　这个过程就和开通服务号的微信支付过程一样，没有什么可以说的。

　　2.获得小程序用户的openid

　　首页我们需要在小程序的客户端js中获取当前用户的openid,通过调用wx.login方法可以得到用户的code,然后开发者服务器使用登录凭证 code 获取 openid。

　　wx.login({

　　success: function(res) {

　　if (res.code) {

　　//发起网络请求

　　wx.request({

　　url: '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: "api.weixin.qq/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));

　　}

　　});

　　3.获取prepay_id和支付签名验证paySign

　　这一步的过程就和服务号里的微信支付过程一样，分为客户端和服务器端

　　首先来看一下客户端js

　　在服务号里，我们是通过如下的代码来调起支付功能

　　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"){

　　alert("支付成功!");

　　}else{

　　alert("支付失败!");

　　}

　　}

　　);

　　}

　　在小程序里，我们是通过wx.requestPayment方法来调起支付功能，当然在这之前，我们先要获取prepay_id。

　　wx.request({

　　url: '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 = "api.mch.weixin.qq/pay/unifiedorder";

　　var 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) {

　　string += '&' + k + '=' + newArgs[k];

　　}

　　string = string.substr(1);

　　return string;

　　};

　　function getXMLNodeValue(node_name, xml) {

　　var tmp = xml.split("<" + node_name + ">");

　　var _tmp = tmp[1].split("");

　　return _tmp[0];

　　}

　　这样简单3步，小程序的微信支付功能就接上了，下面是测试的支付效果图

　　看完以上资料，大家对于个人微信小程序支付功能的开发都了解了吗?具体的使用效果图也在上面了，如果还需要更多相关资料，请在微信小程序商店进行搜索。

　　支付宝小程序开发工具的优势

　　如何打开支付宝小程序?支付宝小程序的功能

　　怎么开发微信小程序个人支付功能?