微信小程序实现微信支付功能

 

微信小程序开发交流qq群   173683895

   承接微信小程序开发。扫码加微信。

正文:

详解:

 

wx.requestPayment(OBJECT)

发起微信支付。

Object参数说明:

参数类型必填说明
timeStampString时间戳从1970年1月1日00:00:00至今的秒数,即当前的时间
nonceStrString随机字符串,长度为32个字符以下。
packageString统一下单接口返回的 prepay_id 参数值,提交格式如:prepay_id=*
signTypeString签名算法,暂支持 MD5
paySignString签名,具体签名方案参见小程序支付接口文档;
successFunction接口调用成功的回调函数
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

了解更多信息,请查看微信支付接口文档

回调结果:

回调类型errMsg说明
successrequestPayment:ok调用支付成功
failrequestPayment:fail cancel用户取消支付
failrequestPayment:fail (detail message)调用支付失败,其中 detail message 为后台返回的详细失败原因

 

demo

//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
  },
  onLoad: function () {
    wx.login({
      success(res) {
        if (res.code) {
          //登陆
          wx.request({
            url: 'http://localhost/login.php',
            method: 'POST',
            data: {
              code: res.code
            },
            header: {
              "content-type": "application/x-www-form-urlencoded"
            },
            success(res) {
              console.log(res.data)

              wx.request({
                url: 'http://localhost/pay1.php',
                method: 'POST',
                data: {
                  total_fee: 11,
                  openid: res.data
                },
                header: {
                  "content-type": "application/x-www-form-urlencoded"
                },
                success(res) {
                  console.log(res.data)
                  pbj =res.data;
                  wx.requestPayment({
                    'timeStamp': pbj.timeStamp,
                    'nonceStr': pbj.nonceStr.toString(),
                    'package': pbj.package,
                    'signType': 'MD5',
                    'paySign': pbj.paySign,
                    'success': function (res) {
                      console.log("吊起支付:" + res)

                    },
                    'fail': function (res) {
                      console.log("失败" + JSON.stringify(pbj.nonceStr))
                    },
                    'complete': function (res) { console.log("res" + JSON.stringify(res)) },

                  })
                }
              })
            }
          })
        } else {
          console.log('登录失败!' + res.errMsg)
        }
      }
    })
  }
})

 

login.php

<?php
//  app_id wx4bb0aadc3a08b089  session_key  e7ad3c0fd99eb11fd6e4863b358d938a
    header("Content-Type:text/html;charset=utf8"); 
	header("Access-Control-Allow-Origin: *"); //解决跨域
	header('Access-Control-Allow-Methods:POST');// 响应类型  
	header('Access-Control-Allow-Headers:*'); // 响应头设置 
	
    $code = $_POST['code'];
	$url='https://api.weixin.qq.com/sns/jscode2session?appid=222&secret=111&js_code='.$code.'&grant_type=authorization_code';
	$html = file_get_contents($url);
	echo $html;
?>

pay1.php

<?php
    header("Content-Type:text/html;charset=utf8"); 
	header("Access-Control-Allow-Origin: *"); //解决跨域
	header("Access-Control-Allow-Methods:POST");// 响应类型  
	header("Access-Control-Allow-Headers:*"); // 响应头设置 
	$params = [
	  'appid' => 'wx4d7fcc145ca8013b',//微信小程序appid
	  'mch_id' => 1555453311,//商户号id
	  'nonce_str' => (string) mt_rand(10000, 99999), //随机数
	  'body' => '会员',  //商品标识
	  'out_trade_no' => 'jay2019_' . time(),//订单号,要唯一的
	  'total_fee' => 100,//金额,以分为单位
	  'spbill_create_ip' => '106.54.254.212',//服务器IP地址
	  'notify_url' => 'https://aikaoya.cloudlinks.com.cn/index.php',//能访问的地址
	  'trade_type' => 'JSAPI',
	  'openid' => $_POST['openid']// 小程序传来的OpenID
	];
	// 按照要求计算sign
	
	ksort($params);
	$sequence = '';
	foreach ($params as $key => $value) {
	  $sequence .= "$key=$value&";
	}
	
	$sequence = $sequence . "key=shige1351shige1351shige135123456";//商户号密钥
	$params['sign'] = strtoupper(md5($sequence));
	
	// 给微信发出的请求,整个参数是个XML
	
	$xml = '<xml>' . PHP_EOL;
	foreach ($params as $key => $value) {
	  $xml .= "<$key>$value</$key>" . PHP_EOL;
	}
	$xml .= '</xml>';
	
	$prepayId = https_curl_json('https://api.mch.weixin.qq.com/pay/unifiedorder',$xml);
	
	$response= [
	  'appId' => 'wx4d7fcc145ca8013b',
	  // 随机串,32个字符以内
	  'nonceStr' => (string) mt_rand(100005645, 9999956464),
	  // 微信规定
	  'package' => 'prepay_id='.$prepayId,
	  'signType' => 'MD5',
	  // 时间戳,注意得是字符串形式的
	  'timeStamp' => (string) time(),
	];
	$sequence = '';
	foreach ($response as $key => $value) {
	  $sequence .= "$key=$value&";
	}
	$response['paySign'] = strtoupper(md5("{$sequence}key=shige1351shige1351shige135123456"));//商户号密钥
	
	echo urldecode(json_encode($response));
	
	    /* 发送json格式的数据,到api接口 -xzz0704  */
    function https_curl_json($url,$data){
        $curl = curl_init();
		//设置url
		curl_setopt($curl, CURLOPT_URL,$url);
		//设置发送方式:post
		curl_setopt($curl, CURLOPT_POST, true);
		
		//试试手气新增,增加之后 curl 不报 60# 错误,可以请求到微信的响应
		curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);  //不验证 SSL 证书
		curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, false);//不验证 SSL 证书域名
		//设置发送数据
		curl_setopt($curl, CURLOPT_POSTFIELDS, $data);
		//TRUE 将curl_exec()获取的信息以字符串返回,而不是直接输出
		curl_setopt($curl, CURLOPT_RETURNTRANSFER, TRUE);
		$return_xml = curl_exec($curl);
		//关闭cURL资源,并且释放系统资源
		curl_close($curl);
		//禁止引用外部xml实体
		libxml_disable_entity_loader(true);
		//先把xml转换为simplexml对象,再把simplexml对象转换成 json,再将 json 转换成数组。
		$value_array = json_decode(json_encode(simplexml_load_string($return_xml, 'SimpleXMLElement', LIBXML_NOCDATA)), true);
		$return_xml = $value_array['prepay_id'];
		
		if ($return_xml) {
			return $return_xml;
		} else {
			$error = curl_errno($curl);
			return "curl error, error code ".$error;
			//throw new WxPayException("curl出错,错误码:$error");
		}
    }
?>	

完成

统一下单参考php

<?php
 
 
/*
 * 小程序微信支付
 */
 
 
class WeixinPay {
 
 
 protected $appid;
 protected $mch_id;
 protected $key;
 protected $openid;
 protected $out_trade_no;
 protected $body;
 protected $total_fee;
   function __construct($appid, $openid, $mch_id, $key,$out_trade_no,$body,$total_fee) {
  $this->appid = $appid;
  $this->openid = $openid;
  $this->mch_id = $mch_id;
  $this->key = $key;
  $this->out_trade_no = $out_trade_no;
  $this->body = $body;
  $this->total_fee = $total_fee;
 }
 
 
 public function pay() {
  //统一下单接口
  $return = $this->weixinapp();
  return $return;
 }
 
 
 //统一下单接口
 private function unifiedorder() {
  $url = 'https://api.mch.weixin.qq.com/pay/unifiedorder';
  $parameters = array(
   'appid' => $this->appid, //小程序ID
   'mch_id' => $this->mch_id, //商户号
   'nonce_str' => $this->createNoncestr(), //随机字符串
//   'body' => 'test', //商品描述
   'body' => $this->body,
//   'out_trade_no' => '2015450806125348', //商户订单号
   'out_trade_no'=> $this->out_trade_no,
//   'total_fee' => floatval(0.01 * 100), //总金额 单位 分
   'total_fee' => $this->total_fee,
//   'spbill_create_ip' => $_SERVER['REMOTE_ADDR'], //终端IP
   'spbill_create_ip' => '192.168.0.161', //终端IP
   'notify_url' => 'http://www.weixin.qq.com/wxpay/pay.php', //通知地址 确保外网能正常访问
   'openid' => $this->openid, //用户id
   'trade_type' => 'JSAPI'//交易类型
  );
  //统一下单签名
  $parameters['sign'] = $this->getSign($parameters);
  $xmlData = $this->arrayToXml($parameters);
  $return = $this->xmlToArray($this->postXmlCurl($xmlData, $url, 60));
  return $return;
 }
 
 
 private static function postXmlCurl($xml, $url, $second = 30) 
 {
  $ch = curl_init();
  //设置超时
  curl_setopt($ch, CURLOPT_TIMEOUT, $second);
  curl_setopt($ch, CURLOPT_URL, $url);
  curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE);
  curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, FALSE); //严格校验
  //设置header
  curl_setopt($ch, CURLOPT_HEADER, FALSE);
  //要求结果为字符串且输出到屏幕上
  curl_setopt($ch, CURLOPT_RETURNTRANSFER, TRUE);
  //post提交方式
  curl_setopt($ch, CURLOPT_POST, TRUE);
  curl_setopt($ch, CURLOPT_POSTFIELDS, $xml);
 
 
  curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, 20);
  curl_setopt($ch, CURLOPT_TIMEOUT, 40);
  set_time_limit(0);
 
 
  //运行curl
  $data = curl_exec($ch);
  //返回结果
  if ($data) {
   curl_close($ch);
   return $data;
  } else {
   $error = curl_errno($ch);
   curl_close($ch);
   throw new WxPayException("curl出错,错误码:$error");
  }
 }
 
 
 
 //数组转换成xml
 private function arrayToXml($arr) {
  $xml = "<root>";
  foreach ($arr as $key => $val) {
   if (is_array($val)) {
    $xml .= "<" . $key . ">" . arrayToXml($val) . "</" . $key . ">";
   } else {
    $xml .= "<" . $key . ">" . $val . "</" . $key . ">";
   }
  }
  $xml .= "</root>";
  return $xml;
 }
 
 
 //xml转换成数组
 private function xmlToArray($xml) {
 
 
  //禁止引用外部xml实体 
 
 
  libxml_disable_entity_loader(true);
 
 
  $xmlstring = simplexml_load_string($xml, 'SimpleXMLElement', LIBXML_NOCDATA);
 
 
  $val = json_decode(json_encode($xmlstring), true);
 
 
  return $val;
 }
 
 
 //微信小程序接口
 private function weixinapp() {
  //统一下单接口
  $unifiedorder = $this->unifiedorder();
//  print_r($unifiedorder);
  $parameters = array(
   'appId' => $this->appid, //小程序ID
   'timeStamp' => '' . time() . '', //时间戳
   'nonceStr' => $this->createNoncestr(), //随机串
   'package' => 'prepay_id=' . $unifiedorder['prepay_id'], //数据包
   'signType' => 'MD5'//签名方式
  );
  //签名
  $parameters['paySign'] = $this->getSign($parameters);
  return $parameters;
 }
 
 
 //作用:产生随机字符串,不长于32位
 private function createNoncestr($length = 32) {
  $chars = "abcdefghijklmnopqrstuvwxyz0123456789";
  $str = "";
  for ($i = 0; $i < $length; $i++) {
   $str .= substr($chars, mt_rand(0, strlen($chars) - 1), 1);
  }
  return $str;
 }
 
 
 //作用:生成签名
 private function getSign($Obj) {
  foreach ($Obj as $k => $v) {
   $Parameters[$k] = $v;
  }
  //签名步骤一:按字典序排序参数
  ksort($Parameters);
  $String = $this->formatBizQueryParaMap($Parameters, false);
  //签名步骤二:在string后加入KEY
  $String = $String . "&key=" . $this->key;
  //签名步骤三:MD5加密
  $String = md5($String);
  //签名步骤四:所有字符转为大写
  $result_ = strtoupper($String);
  return $result_;
 }
 
 
 ///作用:格式化参数,签名过程需要使用
 private function formatBizQueryParaMap($paraMap, $urlencode) {
  $buff = "";
  ksort($paraMap);
  foreach ($paraMap as $k => $v) {
   if ($urlencode) {
    $v = urlencode($v);
   }
   $buff .= $k . "=" . $v . "&";
  }
  $reqPar;
  if (strlen($buff) > 0) {
   $reqPar = substr($buff, 0, strlen($buff) - 1);
  }
  return $reqPar;
 }
}

 

老规矩,先看本节效果图 我们实现这个支付功能完全是借助小程序云开发实现的,不用搭建自己的服务器,不用买域名,不用备案域名,不用支持https。只需要一个简单的云函数,就可以轻松的实现微信小程序支付功能。 核心代码就下面这些 一,创建一个云开发小程序 关于如何创建云开发小程序,这里我就不再做具体讲解。不知道怎么创建云开发小程序的同学,可以去翻看我之前的文章,或者看下我录制的视频:https://edu.csdn.net/course/play/9604/204528 创建云开发小程序有几点注意的 1,一定不要忘记在app.js里初始化云开发环境。 2,创建完云函数后,一定要记得上传 二, 创建支付的云函数 1,创建云函数pay 三,引入三方依赖tenpay 我们这里引入三方依赖的目的,是创建我们支付时需要的一些参数。我们安装依赖是使用里npm 而npm必须安装node,关于如何安装node,我这里不做讲解,百度一下,网上一大堆。 1,首先右键pay,然后选择在终端中打开 2,我们使用npm来安装这个依赖。 在命令行里执行 npm i tenpay 安装完成后,我们的pay云函数会多出一个package.json 文件 到这里我们的tenpay依赖就安装好了。 四,编写云函数pay 完整代码如下 //云开发实现支付 const cloud = require('wx-server-sdk') cloud.init() //1,引入支付的三方依赖 const tenpay = require('tenpay'); //2,配置支付信息 const config = { appid: '你的小程序appid', mchid: '你的微信商户号', partnerKey: '微信支付安全密钥', notify_url: '支付回调网址,这里可以先随意填一个网址', spbill_create_ip: '127.0.0.1' //这里填这个就可以 }; exports.main = async(event, context) => { const wxContext = cloud.getWXContext() let { orderid, money } = event; //3,初始化支付 const api = tenpay.init(config); let result = await api.getPayParams({ out_trade_no: orderid, body: '商品简单描述', total_fee: money, //订单金额(分), openid: wxContext.OPENID //付款用户的openid }); return result; } 一定要注意把appid,mchid,partnerKey换成你自己的。 到这里我们获取小程序支付所需参数的云函数代码就编写完成了。 不要忘记上传这个云函数。 出现下图就代表上传成功 五,写一个简单的页面,用来提交订单,调用pay云函数。 这个页面很简单, 1,自己随便编写一个订单号(这个订单号要大于6位) 2,自己随便填写一个订单价(单位是分) 3,点击按钮,调用pay云函数。获取支付所需参数。 下图是官方支付api所需要的一些必须参数。 下图是我们调用pay云函数获取的参数,和上图所需要的是不是一样。 六,调用wx.requestPayment实现支付 下图是官方的示例代码 这里不在做具体讲解了,完整的可以看视频。 实现效果 1,调起支付键盘 2,支付完成 3,log日志,可以看出不同支付状态的回调 上图是支付成功的回调,我们可以在支付成功回调时,改变订单支付状态。 下图是支付失败的回调, 下图是支付完成的状态。 到这里我们就轻松的实现了微信小程序的支付功能了。是不是很简单啊,完整的讲解可以看视频。
©️2020 CSDN 皮肤主题: 成长之路 设计师:Amelia_0503 返回首页
实付 9.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值