微信小程序中实现微信支付

首先给大家推荐一下我老师大神的人工智能教学网站。教学不仅零基础,通俗易懂,而且非常风趣幽默,还时不时有内涵黄段子!点这里可以跳转到网站 最近做小程序,涉及到微信支付,看了看微信小程序开发文档,尽管之前做过微信支付,还是有点懵逼,不过好在之前研究过,不然真的是无从下手。对比了一下发现,其实小程序中做支付比公众号支付要省事很多,因为不需要支付授权目录,也不需要授权域名,但是支付流程却比公众号多了一步,就是统一下单是预支付,然后需要对预支付的结果再次签名之后,才调起支付。

前期准备:
1.开通了微信支付,并且小程序绑定了微信支付;
2.准备好小程序的appid,微信支付的商户号,支付秘钥。

商户系统和微信支付系统主要交互:
1、小程序内调用登录接口,获取到用户的openid
此步骤在小程序内完成,也很简单,方法见:【小程序登录API

2、调用商户服务器支付统一下单接口,进行预支付

/** * 预支付请求接口(POST) * @param string $openid 	openid * @param string $body 		商品简单描述 * @param string $order_sn  订单编号 * @param string $total_fee 金额 * @return  json的数据 */public function prepay(){	$config = $this->config;		$openid = I('post.openid');	$body = I('post.body');	$order_sn = I('post.order_sn');	$total_fee = I('post.total_fee');		//统一下单参数构造	$unifiedorder = array(		'appid'			=> $config['appid'],		'mch_id'		=> $config['pay_mchid'],		'nonce_str'		=> self::getNonceStr(),		'body'			=> $body,		'out_trade_no'	=> $order_sn,		'total_fee'		=> $total_fee * 100,		'spbill_create_ip'	=> get_client_ip(),		'notify_url'	=> 'https://'.$_SERVER['HTTP_HOST'].'/Api/Wxpay/notify',		'trade_type'	=> 'JSAPI',		'openid'		=> $openid	);	$unifiedorder['sign'] = self::makeSign($unifiedorder);	//请求数据	$xmldata = self::array2xml($unifiedorder);	$url = 'https://api.mch.weixin.qq.com/pay/unifiedorder';	$res = self::curl_post_ssl($url, $xmldata);	if(!$res){		self::return_err("Can't connect the server");	}	// 这句file_put_contents是用来查看服务器返回的结果 测试完可以删除了	//file_put_contents(APP_ROOT.'/Statics/log1.txt',$res,FILE_APPEND);		$content = self::xml2array($res);	if(strval($content['result_code']) == 'FAIL'){		self::return_err(strval($content['err_code_des']));	}	if(strval($content['return_code']) == 'FAIL'){		self::return_err(strval($content['return_msg']));	}	self::return_data(array('data'=>$content));	//$this->ajaxReturn($content);}

3、调用商户服务器再次签名接口,返回支付数据

/** * 进行支付接口(POST) * @param string $prepay_id 预支付ID(调用prepay()方法之后的返回数据中获取) * @return  json的数据 */public function pay(){	$config = $this->config;	$prepay_id = I('post.prepay_id');		$data = array(		'appId'		=> $config['appid'],		'timeStamp'	=> time(),		'nonceStr'	=> self::getNonceStr(),		'package'	=> 'prepay_id='.$prepay_id,		'signType'	=> 'MD5'	);		$data['paySign'] = self::makeSign($data);		$this->ajaxReturn($data);}

4、小程序内完成支付,商户服务器接收支付回调通知

小程序端代码:

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

服务器回调通知:

//微信支付回调验证public function notify(){	$xml = $GLOBALS['HTTP_RAW_POST_DATA'];		// 这句file_put_contents是用来查看服务器返回的XML数据 测试完可以删除了	//file_put_contents(APP_ROOT.'/Statics/log2.txt',$res,FILE_APPEND);		//将服务器返回的XML数据转化为数组	$data = self::xml2array($xml);	// 保存微信服务器返回的签名sign	$data_sign = $data['sign'];	// sign不参与签名算法	unset($data['sign']);	$sign = self::makeSign($data);		// 判断签名是否正确  判断支付状态	if ( ($sign===$data_sign) && ($data['return_code']=='SUCCESS') && ($data['result_code']=='SUCCESS') ) {		$result = $data;		//获取服务器返回的数据		$order_sn = $data['out_trade_no'];			//订单单号		$openid = $data['openid'];					//付款人openID		$total_fee = $data['total_fee'];			//付款金额		$transaction_id = $data['transaction_id']; 	//微信支付流水号				//更新数据库		$this->updateDB($order_sn,$openid,$total_fee,$transaction_id);			}else{		$result = false;	}	// 返回状态给微信服务器	if ($result) {		$str='<xml><return_code><![CDATA[SUCCESS]]></return_code><return_msg><![CDATA[OK]]></return_msg></xml>';	}else{		$str='<xml><return_code><![CDATA[FAIL]]></return_code><return_msg><![CDATA[签名失败]]></return_msg></xml>';	}	echo $str;	return $result;}

我将完整的接口代码封装成了一个类文件,可以直接引入项目更改一下配置参数就可以使用的,源码下载:http://download.csdn.net/detail/sinat_35861727/9879682
小程序端完整代码如下:

/** * 支付函数 * @param  {[type]} _payInfo [description] * @return {[type]}          [description] */pay:function(_payInfo,success,fail){	var payInfo = {		body:'',		total_fee:0,		order_sn:''	}	Object.assign(payInfo, _payInfo);	if(payInfo.body.length==0){		wx.showToast({			title:'支付信息描述错误'		})		return false;	}	if(payInfo.total_fee==0){		wx.showToast({			title:'支付金额不能0'		})		return false; 	}	if(payInfo.order_sn.length==0){		wx.showToast({			title:'订单号不能为空'		})		return false; 	}	var This = this;	This.getOpenid(function(openid){		payInfo.openid=openid;		This.request({			url:'api/pay/prepay',			data:payInfo,			success:function(res){				var data = res.data;				console.log(data);				if(!data.status){					wx.showToast({						title:data['errmsg']					})					return false;				}				This.request({					url:'api/pay/pay',					data:{prepay_id:data.data.data.prepay_id},					success:function(_payResult){						var payResult = _payResult.data;						console.log(payResult);						wx.requestPayment({							'timeStamp': payResult.timeStamp.toString(),							'nonceStr': payResult.nonceStr,							'package': payResult.package,							'signType': payResult.signType,							'paySign': payResult.paySign,							'success': function (succ) {								success&&success(succ);							},							'fail': function (err) {								fail&&fail(err);							},							'complete': function (comp) {  							}						}) 					}				})			}		})	})}

点这里可以跳转到人工智能网站

发表评论