ThinkPHP5微信扫码支付

时间:2022-05-14 19:54:37

1.把微信官网下载的demo放在根目录/vendor/目录下,这里我的是/vendor/wxpay_pc目录

2.把cert里面的文件替换成自己项目的证书(登陆微信商户平台,账户中心,API安全下载)

3.把/wxpay_pc/lib目录下的WxPay.Config.php文件里的信息改成自己的信息,只需改以下四个就行:

ThinkPHP5微信扫码支付

3.把example/目录下的notify.php改名为PayNotifyCallBack.php  不改也没事,我是为了和该文件里的类名保持一致

4.把里面require_once包含的文件都写成框架包含的形式,只要是用到的类里面的包含都改成框架包含的形式,如:

ThinkPHP5微信扫码支付

改成:注意,“ . ”用“ # ”表示,至于为什么,这里不是重点,你可以看看底层代码。

ThinkPHP5微信扫码支付

5.把native.php  里面的模式二的php代码拿出来,封装起来放到控制器里,把里面的信息补充上去

WX_LOG('wxpay','60','二维码加载完成'); 这里的WX_LOG()方法是我自己写的打印日志的函数,放在common.php文件下,怎么写的可以看上一篇ThinkPHP5自己写日志 ,使用日志排错还是在下面回调异步通知的方法里还是很有用的,当初在这里我踩了不少坑,毕竟是后台异步,用日志记录比较直观

public function pay_pc()
{ error_reporting(E_ERROR); ini_set('date.timezone','Asia/Shanghai');
vendor('wxpay_pc.lib.WxPay#Api');
vendor('wxpay_pc.example.WxPay#NativePay'); $notify = new \NativePay(); $input = new \WxPayUnifiedOrder();
// 必填项
$out_trade_no = date('Ymd') . str_pad(mt_rand(1, 99999), 6, '0', STR_PAD_LEFT);; //订单号 $input->SetBody("蜜蜂云"); //商品名称
$input->SetOut_trade_no($out_trade_no); //订单号
$input->SetTotal_fee("1"); //价格0.01 以分为单位1分
$input->SetNotify_url('https://www.hulianweidu.com/index/wxpay/notify.html'); //异步回调通知地址
$input->SetTrade_type("NATIVE"); //NATIVE 扫码支付
$input->SetProduct_id("123456789"); //商品ID // 可填项
$input->SetAttach("互联维度"); //附加数据
$input->SetTime_start(date("YmdHis")); //订单生成时间
$input->SetTime_expire(date("YmdHis", time() + 600)); //订单失效时间
$input->SetGoods_tag("PC网页支付"); //订单优惠标记 $result = $notify->GetPayUrl($input); WX_LOG('wxpay','60','二维码加载完成'); $url2 = urlencode($result["code_url"]); //对url中文字字符编码
$this->assign('url2',$url2);
$this->assign('out_trade_no',$out_trade_no);
return $this->fetch()
}

需要注意的是$input->SetTotal_fee("1"); //价格0.01 以分为单位1分,我这里是为了方便测试,上线的时候别忘了乘以100,变成以元为单位

6.前端二维码:二维码$url2别忘了对中文字符编码,因为我在对应的方法里已经编码过了,所以在前端就没有再次编码操作。

<img alt="微信扫码支付" id="img" src="http://www.wxpay.com/example/qrcode.php?data={$url2}" style="width:150px;height:150px;"/>

7.现在二维码生成了,现在不出意外应该能支付成功了,一种方法是可以在商户平台查看交易信息,一种是自己写个方法,查看交易结果,因为这个方法下面会用到,还是推荐用这种。因为当用户进入二维码页面之后,我们需要用户支付成功之后给出相应的提示,并跳转下一页面,所以我们需要ajax轮询请求刚刚说的这个方法,3秒查询一次,去判断用户有没有支付,如果支付则进入下一步操作,如果没有支付则继续轮询,直到支付结果改变。

首先是前端代码:

<body>
<input type="hidden" id="out_trade_no" value="{$out_trade_no}" >
<img alt="微信扫码支付" id="img" src="http://www.wxpay.com/example/qrcode.php?data={$url2}" style="width:150px;height:150px;"/> </body>
<script src="/public/index/index/vendor/bootstrap/jquery-3.2.1.min.js"></script>
<script type="text/javascript"> var time = setInterval("check()",3000); //3秒查询一次是否支付成功 function check() {
var url = "{:url('/index/Wxpay/orderstate')}";
var out_trade_no = $("#out_trade_no").val();
var param = {'out_trade_no':out_trade_no};
$.post(url,param,function(data){
data = JSON.parse(data);
if (data['trade_state'] == 'SUCCESS') { time = window.clearInterval(time);
// 支付成功把二维码替换成支付成功图标
$("#img").attr('src','/public/index/pay/images/success.png');
console.log(data);
// window.location.href="{:url('/index/wxpay/notify')}";
}else{
console.log(data);
}
});
}
</script>

注意:别忘了在传二维码$url2的时候顺便把订单号也传过来,可以看上面的代码,并把订单号放在隐藏域,使用该订单号去查询该订单的支付结果

后端代码:

//订单查询结果
public function orderstate()
{
error_reporting(E_ERROR);
ini_set('date.timezone','Asia/Shanghai');
vendor('wxpay_pc.lib.WxPay#Api'); if(isset($_REQUEST["transaction_id"]) && $_REQUEST["transaction_id"] != ""){
$transaction_id = $_REQUEST["transaction_id"];
$input = new \WxPayOrderQuery();
$input->SetTransaction_id($transaction_id);
echo json_encode(\WxPayApi::orderQuery($input));
exit();
} if(isset($_REQUEST["out_trade_no"]) && $_REQUEST["out_trade_no"] != ""){
$out_trade_no = $_REQUEST["out_trade_no"];
$input = new \WxPayOrderQuery();
$input->SetOut_trade_no($out_trade_no);
echo json_encode(\WxPayApi::orderQuery($input));
exit();
}
}

为扫码支付的时候显示

ThinkPHP5微信扫码支付

扫码支付成功后,trade_state会改为SECCESS,成功的时候就可以进行后面的操作了(更改通知信息,跳转页面)

8.支付成功后,微信服务器会异步返回你信息(xml格式数据),判断是否正确(包括签名),就是在最上面那段代码要填的异步通知地址,这个地址必须保证外网能访问,就是必须放在线上。关于异步回调当初可是坑了我不少啊!

关于异步通知的代码,其他不用改,就是把/example/PayNotifyCallBack.php(官网里notify.php)里的代码最后几行注释掉了,其他的没改:

<?php
ini_set('date.timezone','Asia/Shanghai');
error_reporting(E_ERROR); vendor('wxpay_pc.lib.WxPay#Api');
vendor('wxpay_pc.lib.WxPay#Notify');
vendor('wxpay_pc.example.log'); //初始化日志
// $logHandler= new CLogFileHandler("../logs/".date('Y-m-d').'.log');
// $log = Log::Init($logHandler, 15); class PayNotifyCallBack extends WxPayNotify
{
//查询订单
public function Queryorder($transaction_id)
{
$input = new \WxPayOrderQuery();
$input->SetTransaction_id($transaction_id);
$result = \WxPayApi::orderQuery($input);
// Log::DEBUG("query:" . json_encode($result));
if(array_key_exists("return_code", $result)
&& array_key_exists("result_code", $result)
&& $result["return_code"] == "SUCCESS"
&& $result["result_code"] == "SUCCESS")
{ return true;
}
return false;
} //重写回调处理函数 通知地址
public function NotifyProcess($data, &$msg)
{
// Log::DEBUG("call back:" . json_encode($data));
$notfiyOutput = array(); if(!array_key_exists("transaction_id", $data)){
$msg = "输入参数不正确";
return false;
}
//查询订单,判断订单真实性
if(!$this->Queryorder($data["transaction_id"])){
$msg = "订单查询失败";
return false;
} return true;
}
} // Log::DEBUG("begin notify");
// $notify = new PayNotifyCallBack();
// $notify->Handle(false);

这是异步返回的数据:

ThinkPHP5微信扫码支付

只需判断 return_code 是否等于SUCCESS

然后就是异步回调通知这个方法了:

    // 回调页面
public function notify() {

      // 是否接收到了返回的xml数据
      // $data = file_get_contents('php://input');
      // WX_LOG('wxpay','95',$data);

     error_reporting(E_ERROR);
ini_set('date.timezone', 'Asia/Shanghai');
vendor('wxpay_pc.example.PayNotifyCallBack'); $notify = new \PayNotifyCallBack();
$notify->Handle(false); $result = $notify->GetValues(); //数组
// ///////////////////更新支付状态//////////////
if ($result['return_code'] == 'SUCCESS') {
//订单支付完成,修改订单状态,发货。
$res = Db::table('test')->insert(['state'=>1]);
if ($res) {
WX_LOG('wxpay','114','支付成功');
}else{
WX_LOG('wxpay','116','支付失败');
}
}
}

操作数据库等逻辑,只需要在这个方法写就行了!

对于这个方法,因为是后台异步操作的,前端看不到,所以建议打印日志,看看微信服务器有没有给这个方法传数据,方便排错!

支付页面pay_pc,查询订单结果orderstate,异步回调notify,我都写在wxpay这个控制器里面了。

9.到现在整个微信扫码支付整个流程就完成了!