其實在寫這篇文章的時候感覺自己已經落伍了,不過筆者在百度上搜索"微信支付開發之掃描支付(模式二)后如何回調"尋找答案時,發現依舊有很多朋友沒有解決這個問題,所以就把自己的解決思路分享給大家。
一、下載微信支付SDK(筆者以php發開為例,sdk包為WxpayAPI_php_v3.zip)
下載SDK包后解壓,在解壓目錄下,我們會看到如下目錄
二、查閱微信支付開發者文檔后得知,微信掃碼支付的demo即為example目錄下的native.php文件
為了方便,我們要做的是將整個解壓后的文件放入到本地環境的根目錄下的wxpay(可隨個人喜好命名)文件夾中
三、以筆者為例,在瀏覽器中輸入http://localhost/wxpay/example/native.php
打開上面網址后,發現有兩個二維碼,如題,我們今天研究的是模式二掃碼(官方也推薦模式二掃碼支付)
四、我們用手機登陸微信,掃描上面頁面中的模式二的二維碼,並且支付
在這里我們發現一個有趣的問題,當你支付成功后,PC頁面中並沒有發生任何變化,所以我們考慮的主要問題是,支付后如何進行回調。
這里不說多的廢話了,筆者參考了網上的諸多方法,總結如下:
1、刪掉native.php文件中掃碼模式一的一些html,只剩下掃碼模式二的一些相關html代碼。
2、由於官方文檔中也說明了,掃碼模式二的支付結果是異步響應,不會主動返回支付結果,所以我們采用了javascript去時時監聽支付結果,然后根據請求的結果,在做下一步的頁面回調。筆者最終代碼如下,有興趣的朋友可以參考下:
native.php文件
1 <?php 2 ini_set('date.timezone','Asia/Shanghai'); 3 //error_reporting(E_ERROR); 4 5 require_once "../lib/WxPay.Api.php"; 6 require_once "WxPay.NativePay.php"; 7 require_once 'log.php'; 8 9 //模式一 10 /** 11 * 流程: 12 * 1、組裝包含支付信息的url,生成二維碼 13 * 2、用戶掃描二維碼,進行支付 14 * 3、確定支付之后,微信服務器會回調預先配置的回調地址,在【微信開放平台-微信支付-支付配置】中進行配置 15 * 4、在接到回調通知之后,用戶進行統一下單支付,並返回支付信息以完成支付(見:native_notify.php) 16 * 5、支付完成之后,微信服務器會通知支付成功 17 * 6、在支付成功通知中需要查單確認是否真正支付成功(見:notify.php) 18 */ 19 $notify = new NativePay(); 20 $url1 = $notify->GetPrePayUrl("123456789"); 21 22 //模式二 23 /** 24 * 流程: 25 * 1、調用統一下單,取得code_url,生成二維碼 26 * 2、用戶掃描二維碼,進行支付 27 * 3、支付完成之后,微信服務器會通知支付成功 28 * 4、在支付成功通知中需要查單確認是否真正支付成功(見:notify.php) 29 */ 30 $input = new WxPayUnifiedOrder(); 31 $input->SetBody("1分錢購買何寧"); 32 $input->SetAttach("1分錢購買何寧"); 33 $num=WxPayConfig::MCHID.date("YmdHis"); 34 $input->SetOut_trade_no($num); 35 $input->SetTotal_fee("1"); 36 $input->SetTime_start(date("YmdHis")); 37 $input->SetTime_expire(date("YmdHis", time() + 600)); 38 $input->SetGoods_tag("test"); 39 $input->SetNotify_url("http://paysdk.weixin.qq.com/example/notify.php"); 40 $input->SetTrade_type("NATIVE"); 41 $input->SetProduct_id("123456789"); 42 $result = $notify->GetPayUrl($input); 43 $url2 = $result["code_url"]; 44 ?> 45 46 <html> 47 <head> 48 <meta http-equiv="content-type" content="text/html;charset=utf-8"/> 49 <meta name="viewport" content="width=device-width, initial-scale=1" /> 50 <title>微信支付樣例</title> 51 </head> 52 <body> 53 <div style="margin-left: 10px;color:#556B2F;font-size:30px;font-weight: bolder;">掃描支付模式二</div><br/> 54 <img alt="模式二掃碼支付" src="qrcode.php?data=<?php echo urlencode($url2);?>" style="width:150px;height:150px;"/> 55 <div id="myDiv"></div><div id="timer">0</div> 56 <script> 57 //設置每隔1000毫秒執行一次load() 方法 58 var myIntval=setInterval(function(){load()},1000); 59 function load(){ 60 document.getElementById("timer").innerHTML=parseInt(document.getElementById("timer").innerHTML)+1; 61 var xmlhttp; 62 if (window.XMLHttpRequest){ 63 // code for IE7+, Firefox, Chrome, Opera, Safari 64 xmlhttp=new XMLHttpRequest(); 65 }else{ 66 // code for IE6, IE5 67 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 68 } 69 xmlhttp.onreadystatechange=function(){ 70 if (xmlhttp.readyState==4 && xmlhttp.status==200){ 71 trade_state=xmlhttp.responseText; 72 if(trade_state=='SUCCESS'){ 73 document.getElementById("myDiv").innerHTML='支付成功'; 74 //alert(transaction_id); 75 //延遲3000毫秒執行tz() 方法 76 clearInterval(myIntval); 77 setTimeout("location.href='success.php'",3000); 78 79 }else if(trade_state=='REFUND'){ 80 document.getElementById("myDiv").innerHTML='轉入退款'; 81 clearInterval(myIntval); 82 }else if(trade_state=='NOTPAY'){ 83 document.getElementById("myDiv").innerHTML='請掃碼支付'; 84 85 }else if(trade_state=='CLOSED'){ 86 document.getElementById("myDiv").innerHTML='已關閉'; 87 clearInterval(myIntval); 88 }else if(trade_state=='REVOKED'){ 89 document.getElementById("myDiv").innerHTML='已撤銷'; 90 clearInterval(myIntval); 91 }else if(trade_state=='USERPAYING'){ 92 document.getElementById("myDiv").innerHTML='用戶支付中'; 93 }else if(trade_state=='PAYERROR'){ 94 document.getElementById("myDiv").innerHTML='支付失敗'; 95 clearInterval(myIntval); 96 } 97 98 } 99 } 100 //orderquery.php 文件返回訂單狀態,通過訂單狀態確定支付狀態 101 xmlhttp.open("POST","orderquery.php",false); 102 //下面這句話必須有 103 //把標簽/值對添加到要發送的頭文件。 104 xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); 105 xmlhttp.send("out_trade_no=<?php echo $num;?>"); 106 107 } 108 </script> 109 110 </body> 111 </html>
orderquery.php代碼也做了相應調整:
<?php ini_set('date.timezone','Asia/Shanghai'); error_reporting(E_ERROR); require_once "../lib/WxPay.Api.php"; require_once 'log.php'; //初始化日志 $logHandler= new CLogFileHandler("./logs/".date('Y-m-d').'.log'); $log = Log::Init($logHandler, 15); function printf_info($data) { foreach($data as $key=>$value){ echo "<font color='#f00;'>$key</font> : $value <br/>"; } } if(isset($_REQUEST["transaction_id"]) && $_REQUEST["transaction_id"] != ""){ $transaction_id = $_REQUEST["transaction_id"]; $input = new WxPayOrderQuery(); $input->SetTransaction_id($transaction_id); //printf_info(WxPayApi::orderQuery($input)); $result=WxPayApi::orderQuery($input); echo $result['trade_state']; 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); //printf_info(WxPayApi::orderQuery($input)); $result=WxPayApi::orderQuery($input); echo $result['trade_state']; exit(); } ?>
新建success.php文件:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>微信支付成功</title> </head> <body> <br /><br /><br /><br /><br /><br /><br /> <h1>微信支付成功</h1> </body> </html>
以上即為筆者總結的代碼,經過調試,發現是沒有問題的。有興趣的朋友可以參考一下。
好了,由於時間有限,老大要催着做事情了,先寫到這里了,歡迎大家批評指正