uniapp+thinkphp5实现微信扫码支付(APP支付)

前言

统一支付是JSAPI/NATIVE/APP各种支付场景下生成支付订单，返回预支付订单号的接口，目前微信支付所有场景均使用这一接口。下面介绍的是其中APP的支付的配置与实现流程

配置

1.首先登录微信开放平台，注册账号。
https://open.weixin.qq.com/
2.点击创建移动应用
 

3.获取到移动应用的APPID
 

4.打开前端uniapp的项目，在主目录下找到manifest.json文件->APP模块配置->Payment->微信支付->将微信开放平台的应用APPID填写在对应的位置
 

5.根据微信开放平台提供的工具对项目包的包名进行签名的获取
 

 

 

下载链接：https://developers.weixin.qq.com/doc/oplatform/Downloads/Android_Resource.html#%E7%AD%BE%E5%90%8D%E7%94%9F%E6%88%90%E5%B7%A5%E5%85%B7
安装完毕是这样的：输入您的应用包名进行签名的获取即可
 

6.申请开通微信支付
 

 

微信商户号绑定APPID
 

选择我的产品，申请开通APP、JSAPI支付
 

选择账户中心->api安全，进行证书与密钥的申请，v2/v3都可以申请，调用的api不同，并不冲突
 

到此为止关于app微信支付的配置就基本完成了。

流程实现(后端)(PHP)

1. 创建Wechatpay.php文件，放到指定文件目录下(我是放到了extend目录)

	<?php
	class Wechatpay{
	/**
	* 模拟提交参数，支持https提交 可用于各类api请求
	* @param string $url ： 提交的地址
	* @param array $data :POST数组
	* @param string $method : POST/GET，默认GET方式
	* @return mixed
	*/
	function curl_https($url, $xml='', $useCert=false){
	$ch = curl_init();
	//设置超时
	curl_setopt($ch, CURLOPT_TIMEOUT, 30);
	curl_setopt($ch,CURLOPT_URL, $url);
	//设置header
	curl_setopt($ch, CURLOPT_HEADER, FALSE);
	//要求结果为字符串且输出到屏幕上
	curl_setopt($ch, CURLOPT_RETURNTRANSFER, TRUE);
	if(stripos($url,"https://")!==FALSE){
	curl_setopt($ch, CURLOPT_SSLVERSION, CURL_SSLVERSION_TLSv1);
	curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE);
	curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, FALSE);
	}else{
	curl_setopt($ch,CURLOPT_SSL_VERIFYPEER,TRUE);
	curl_setopt($ch,CURLOPT_SSL_VERIFYHOST,2);//严格校验
	}
	if($useCert == true){
	//设置证书
	//使用证书：cert 与 key 分别属于两个.pem文件
	curl_setopt($ch,CURLOPT_SSLCERTTYPE,'PEM');
	curl_setopt($ch,CURLOPT_SSLCERT,"");
	curl_setopt($ch,CURLOPT_SSLKEYTYPE,'PEM');
	curl_setopt($ch,CURLOPT_SSLKEY,"");
	}
	//post提交方式
	curl_setopt($ch, CURLOPT_POST, TRUE);
	curl_setopt($ch, CURLOPT_POSTFIELDS, $xml);
	//运行curl
	$data = curl_exec($ch);
	//返回结果
	if($data){
	curl_close($ch);
	return $data;
	} else {
	$error = curl_errno($ch);
	curl_close($ch);
	//echo $error;
	}
	}
	/**
	*
	* 拼接签名字符串
	* @param array $urlObj
	*
	* @return 返回已经拼接好的字符串
	*/
	function ToUrlParams($urlObj)
	{
	$buff = "";
	foreach ($urlObj as $k => $v)
	{
	if($k != "sign"){
	$buff .= $k . "=" . $v . "&";
	}
	}
	$buff = trim($buff, "&");
	return $buff;
	}
	//数组转XML
	function arrayToXml($arr)
	{
	$xml = "<xml>";
	foreach ($arr as $key=>$val)
	{ if (is_numeric($val)){
	$xml.="<".$key.">".$val."</".$key.">";
	}else{
	$xml.="<".$key."><![CDATA[".$val."]]></".$key.">";
	}
	}
	$xml.="</xml>";
	return $xml;
	}
	//将XML转为array
	function xmlToArray($xml)
	{
	//禁止引用外部xml实体
	libxml_disable_entity_loader(true);
	$values = json_decode(json_encode(simplexml_load_string($xml, 'SimpleXMLElement', LIBXML_NOCDATA)), true);
	return $values;
	}
	/**
	* 获取随机字符串
	* @return mixed
	*/
	function getRandString($len=12,$str='ABCDEFGHIJKLMNOPQRSTUVWYXZabcdefghijklmnopqrstuvwyxz1234567890'){
	$strlen=strlen($str)-1;
	$string='';
	for ($i=0; $i < $len; $i++) {
	$r=rand(1,$strlen);
	$string=$string.$str[$r];
	}
	return $string;
	}
	}

2.定义公共变量

	private $config = array(
	'appid_app' => "wx******", /*微信开放平台上的应用id*/
	'mch_id' => "*******", /*微信申请成功之后邮件中的商户id*/
	'api_key' => "*************", /*在微信商户平台上自己设定的api密钥 32位*/
	'notify_url' => 'https://***', /*支付回调地址，确保可以访问*/
	);

3.支付接口

	public function AppPay($busid,$price,$code,$type,$attach){
	$businessInfo=$this->BusinessModel->find($busid);
	Loader::import('wechatpay.Wechatpay', EXTEND_PATH,".php");
	$wechatpay = new \Wechatpay();
	$url='https://api.mch.weixin.qq.com/pay/unifiedorder';
	$parameters = array(
	'appid' => $this->config["appid_app"], // 应用ID
	'mch_id' => $this->config['mch_id'], // 商户号
	'nonce_str' => $wechatpay->getRandString(30), // 随机字符串
	'body' => '购买商品测试', // 商品描述
	'out_trade_no' => $code, // 商户订单号
	'total_fee' => $price * 100, // 总金额，单位为分
	'spbill_create_ip' => $this->get_client_ip(), // 终端IP
	'notify_url' => $this->config["notify_url"], // 通知地址
	'trade_type' => "APP", // 交易类型改为APP
	'sign_type' => "MD5",
	'attach' => $attach
	);
	//参数名ASCII码从小到大排序
	ksort($parameters);
	//统一下单签名
	$String = $wechatpay->ToUrlParams($parameters);
	//签名步骤二：在string后加入KEY
	$String = $String."&key=".$this->config['api_key']; // key设置路径：微信商户平台(pay.weixin.qq.com)-->账户设置-->API安全-->密钥设置
	$String2=$String;
	//签名步骤三：MD5加密 （一次签名）
	$time=time();
	$parameters['sign']=strtoupper(md5($String));
	$xmlData=$wechatpay->arrayToXml($parameters);
	$return=$wechatpay->xmlToArray($wechatpay->curl_https($url,$xmlData));
	if($return["return_code"]=="SUCCESS" && $return["result_code"]=="SUCCESS"){
	// 从预支付接口返回的参数中取得 prepay_id
	$prepay_id = $return['prepay_id'];
	// 构造二次签名的参数
	$signParams = array(
	'appid' => $this->config["appid_app"],
	'partnerid' => $this->config['mch_id'], // 商户号
	'prepayid' => $return['prepay_id'], // 从预支付接口返回的参数中取得prepay_id
	'package' => 'Sign=WXPay', // Sign=WXPay
	'noncestr' => $wechatpay->getRandString(30), // 随机字符串
	'timestamp' => (string)$time, // 时间戳需与统一下单时的时间戳保持一致
	);
	// 对签名参数进行签名
	ksort($signParams);
	$signString = $wechatpay->ToUrlParams($signParams);
	$signString = $signString . "&key=" . $this->config['api_key'];
	$sign = strtoupper(md5($signString));
	// 将签名加入返回给APP的参数中
	$signParams['sign'] = $sign;
	// 返回参数给APP
	$this->result($signParams, '1', '二次签名成功！', 'json');
	}else{
	echo json_encode(array("status"=>false,"msg"=>$return));
	$this->result($return, '0', '签名失败！', 'json');
	}
	}
	/*
	获取当前服务器的IP
	*/
	public function get_client_ip(){
	if ($_SERVER['REMOTE_ADDR']) {
	$cip = $_SERVER['REMOTE_ADDR'];
	} elseif (getenv("REMOTE_ADDR")) {
	$cip = getenv("REMOTE_ADDR");
	} elseif (getenv("HTTP_CLIENT_IP")) {
	$cip = getenv("HTTP_CLIENT_IP");
	} else {
	$cip = "unknown";
	}
	return $cip;
	}

1. 支付回调

	//微信支付回调接口
	public function wxpaynotify(){
	$xml = file_get_contents('php://input');
	Loader::import('wechatpay.Wechatpay', EXTEND_PATH,".php");
	$wechatpay = new \Wechatpay();
	//将服务器返回的XML数据转化为数组
	$data = $wechatpay->xmlToArray($xml);
	// 保存微信服务器返回的签名sign
	$data_sign = $data['sign'];
	// sign不参与签名算法
	unset($data['sign']);
	$sign = $wechatpay->ToUrlParams($data);
	$payData=$sign;
	$sign=strtoupper(md5($sign."&key=".$this->config["api_key"]));
	// 判断签名是否正确 判断支付状态
	if ( ($sign===$data_sign) && ($data['result_code']=='SUCCESS') ) {
	// 更新消费订单状态等操作
	$result = true;
	}else{
	file_put_contents('payResult.tex','验签失败！');
	$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;
	}

流程实现(前端)(Vue)(APP)

	uni.getProvider({
	service: 'payment',
	success: function(ress) {
	//判断是否有支付权限
	if (~ress.provider.indexOf('wxpay')) {
	let orderInfo={
	"appid": result.data.appid, // 微信开放平台 - 应用 - AppId，注意和微信小程序、公众号 AppId 可能不一致
	"noncestr": result.data.noncestr, // 随机字符串
	"package": "Sign=WXPay", // 固定值
	"partnerid": result.data.partnerid, // 微信支付商户号
	"prepayid": result.data.prepayid, // 统一下单订单号
	"timestamp": result.data.timestamp, // 时间戳（单位：秒）
	"sign": result.data.sign // 签名，这里用的 MD5/RSA 签名
	}
	// 调用 wx.requestPayment 方法发起支付请求
	uni.requestPayment({
	"provider": "wxpay",
	"orderInfo": orderInfo,
	success(res) {
	// 支付成功的处理逻辑
	console.log('支付成功', res);
	uni.showToast({
	title: '支付成功！',
	icon: 'none',
	duration: 1000
	})
	},
	fail(res) {
	// 支付失败的处理逻辑
	console.log('支付失败', res);
	uni.showToast({
	title: res.errMsg,
	icon: 'none',
	duration: 2000
	})
	}
	})
	}
	}
	});