小程序怎么实现微信支付

小程序实现微信支付的方法：

前期准备：

1.开通了微信支付，并且小程序绑定了微信支付；

2.准备好小程序的appid，微信支付的商户号，支付秘钥。

商户系统和微信支付系统主要交互：

1、小程序内调用登录接口，获取到用户的openid

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></xml>';
 }else{
  $str='<xml></xml>';
 }
 echo $str;
 return $result;
}

小程序端完整代码如下:

/**
 * 支付函数
 * @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) { 
 
       }
      }) 
     }
    })
   }
  })
 })
}

推荐：《小程序开发教程》

以上就是小程序怎么实现微信支付的详细内容，更多请关注慧达安全导航其它相关文章！