扫一扫浏览

ThinkPHP5微信扫码支付

未结贴
0 722
nature未认证 2018-04-15 09:19:27
收藏

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

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

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

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

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

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

 

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();
        }
    }

为扫码支付的时候显示

扫码支付成功后,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);

这是异步返回的数据:

只需判断 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.到现在整个微信扫码支付整个流程就完成了!

最近热帖 HOT TOPIC
【全套视频】thinkphp5视频教程 1264
thinkphp5隐藏默认模块的一些问题 1151
TPFrame框架robot模块重磅来袭,内附2.1版本 1078
教你如果处理高并发数据不同步的问题php篇 1077
tpframe安装教程 1067
tpframe新建主题 1015
slide模块发布 1005
tpframe应用目录结构 1001
thinkphp5自动完成操作,两次运行的详解 982
TPFrame 2.1 beta版本正式发布,全部插件式开发到来 939
月度热议HOT COMMENTS
tpframe 后续版本你希望有的功能是什么(分享贴) 12
关于tpframe的一点话题 6
cms插件在分类排序的时候JSON错误 6
新增的管理员没有权限操作CMS模块。 3
api接口文档插件easydoc的基本用法,快速搞定接口文档 3
thinkphp5自动完成操作,两次运行的详解 2
tpframe-curd操作之添加数据 2
tpframe能带给你的,让你快速搞定各服务端(api,pc,mobile,wechat)代码的框架 2
slide模块发布 2
透析thinkphp5升级版开发框架tpframe 2
爆料早知道:又拍云存储插件上线我有好想法