ThinkPHP5微信掃碼支付


 

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.到現在整個微信掃碼支付整個流程就完成了!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM