微信小程序中实现微信支付-即速应用

最近做小程序，涉及到微信支付，看了看微信小程序开发文档，尽管之前做过微信支付，还是有点懵逼，不过好在之前研究过，不然真的是无从下手。对比了一下发现，其实小程序中做支付比公众号支付要省事很多，因为不需要支付授权目录，也不需要授权域名，但是支付流程却比公众号多了一步，就是统一下单是预支付，然后需要对预支付的结果再次签名之后，才调起支付。

前期准备：
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) { }}) }})}})})}