快捷導(dǎo)航

ThinkPHP實(shí)現(xiàn)微信支付(jsapi支付)流程教程詳解

更新時(shí)間：2018年03月15日 09:51:05 作者：江南極客

這篇文章主要介紹了ThinkPHP實(shí)現(xiàn)微信支付(jsapi支付)流程教程詳解,需要的朋友可以參考下

之前寫過(guò)一篇文章講了PHP實(shí)現(xiàn)微信支付(jsapi支付)流程，詳見文章：PHP實(shí)現(xiàn)微信支付(jsapi支付)流程。

當(dāng)時(shí)的環(huán)境是沒(méi)有使用框架的，直接在一個(gè)域名指向的目錄下邊新建目錄之后訪問(wèn)該目錄實(shí)現(xiàn)的，但應(yīng)用到框架中，還是有一些問(wèn)題，在ThinkPHP中，由于路由規(guī)則與支付授權(quán)目錄有出入，所以會(huì)報(bào)錯(cuò)。本篇講講在TP中集成微信支付的流程。

鵝廠出的SDK和文檔，就是讓你看不懂，使勁繞，這酸爽用了就知道。文檔和SDK不是應(yīng)該越簡(jiǎn)單通俗易懂越好么？難道只有使勁重構(gòu)才能顯示出鵝廠程序猿技術(shù)的高超咩？額...是不是暴露了我菜鳥的屬性...其實(shí)SDK蠻好用，只是上一篇文章中也看到了，在支付完成回調(diào)函數(shù)中，著實(shí)讓人繞的暈頭轉(zhuǎn)向。

對(duì)于不想被官方繞的，想在TP中使用微信支付的可以看看一個(gè)大神自己根據(jù)官方文檔重構(gòu)精簡(jiǎn)打造而成的適用于TP的支付SDK，源碼我下載下來(lái)看過(guò)了，代碼寫的很優(yōu)雅簡(jiǎn)介，流程也很簡(jiǎn)單，通俗易懂。詳見博文：http://baijunyao.com/article/78

我自己還是皺著眉頭，使用了官方的SDK，也成功實(shí)現(xiàn)了支付，下面跟大家分享一下流程：

1.SDK下載和修改

這個(gè)就不過(guò)多講了，不知道的可以看看我的上一篇文章：PHP實(shí)現(xiàn)微信支付(jsapi支付)流程，里邊詳細(xì)詳述了下載下來(lái)的文件哪些是需要修改的。

2.公眾號(hào)設(shè)置

A. 還是需要設(shè)置網(wǎng)頁(yè)授權(quán)域名，這個(gè)沒(méi)啥特殊的；

B. 這里要注意一下支付授權(quán)目錄，使用TP很多人都使用的是重寫模式（REWRITE模式）或者在使用REWRITE模式的同時(shí)，使用偽靜態(tài)模式，這時(shí)候生成的鏈接為： http://serverName/Home/Blog/read/id/1 ；

如果使用的是PATHINFO模式的話，生成的鏈接就是：http://serverName/index.php/Home/Blog/read/id/1，比如在Home模塊下的Blog控制器中的某個(gè)方法進(jìn)行支付，我們支付的授權(quán)目錄應(yīng)該是 http://serverName/Home/Blog/ 或者 http://serverName/index.php/Home/Blog/，這個(gè)根據(jù)自己的TP的設(shè)置的URL模式而定。

3.支付流程

（1）統(tǒng)一下單

下單的支付參數(shù)配置，這個(gè)跟上一篇講的基本不變，重點(diǎn)注意的是支付回調(diào)驗(yàn)證鏈接，因?yàn)橐啻握{(diào)用，我就直接在Application/Common/Common/function.php中將參數(shù)配置封裝起來(lái)了，我的SDK放在項(xiàng)目根目錄下的Api目錄下，所以引入SDK的時(shí)候不是使用Vendor函數(shù)。

/** 
 * 微信支付 
 * @param string $openId  openid 
 * @param string $goods  商品名稱 
 * @param string $attach  附加參數(shù),我們可以選擇傳遞一個(gè)參數(shù),比如訂單ID 
 * @param string $order_sn 訂單號(hào) 
 * @param string $total_fee 金額 
 */ 
function wxpay($openId,$goods,$order_sn,$total_fee,$attach){ 
 require_once APP_ROOT."/Api/wxpay/lib/WxPay.Api.php"; 
 require_once APP_ROOT."/Api/wxpay/payment/WxPay.JsApiPay.php"; 
 require_once APP_ROOT.'/Api/wxpay/payment/log.php'; 
 //初始化日志 
 $logHandler= new CLogFileHandler(APP_ROOT."/Api/wxpay/logs/".date('Y-m-d').'.log'); 
 $log = Log::Init($logHandler, 15); 
 $tools = new JsApiPay(); 
 if(empty($openId)) $openId = $tools->GetOpenid(); 
 $input = new WxPayUnifiedOrder(); 
 $input->SetBody($goods);     //商品名稱 
 $input->SetAttach($attach);     //附加參數(shù),可填可不填,填寫的話,里邊字符串不能出現(xiàn)空格 
 $input->SetOut_trade_no($order_sn);   //訂單號(hào) 
 $input->SetTotal_fee($total_fee);   //支付金額,單位:分 
 $input->SetTime_start(date("YmdHis"));  //支付發(fā)起時(shí)間 
 $input->SetTime_expire(date("YmdHis", time() + 600));//支付超時(shí) 
 $input->SetGoods_tag("test3"); 
 //$input->SetNotify_url("http://".$_SERVER['HTTP_HOST']."/payment.php"); //支付回調(diào)驗(yàn)證地址 
 $input->SetNotify_url("http://".$_SERVER['HTTP_HOST']."/payment.php/WexinApi/WeixinPay/notify"); 
 $input->SetTrade_type("JSAPI");    //支付類型 
 $input->SetOpenid($openId);     //用戶openID 
 $order = WxPayApi::unifiedOrder($input); //統(tǒng)一下單 
 $jsApiParameters = $tools->GetJsApiParameters($order); 
 return $jsApiParameters; 
}

注意，注意，敲黑板劃重點(diǎn)了：

支付回調(diào)驗(yàn)證鏈接，必須是沒(méi)有權(quán)限驗(yàn)證的，如果你自己訪問(wèn)那個(gè)鏈接，還需要登錄注冊(cè)驗(yàn)證的，就不要嘗試了，必須要可以無(wú)障礙訪問(wèn)的鏈接，而且也不要有一連串的參數(shù)傳遞。

最好就是簡(jiǎn)單粗暴的 http://serverName/xxx.php ，我在跟目錄下，類似于index.php，重新寫了一個(gè)專門的供支付回調(diào)的入口文件payment.php，和它對(duì)應(yīng)的Application/目錄下的模塊（WexinApi）、控制器（WeixinPay）及方法（notify）：

// 檢測(cè)PHP環(huán)境 
if(version_compare(PHP_VERSION,'5.3.0','<')) die('require PHP > 5.3.0 !'); 
// $_GET['m']='Admin'; 
// 開啟調(diào)試模式 建議開發(fā)階段開啟 部署階段注釋或者設(shè)為false 
define('APP_DEBUG',True); 
//指定模塊控制器和方法 
$_GET['m']='WexinApi'; 
$_GET['c']='WeixinPay'; 
$_GET['a']='notify'; 
// 定義應(yīng)用目錄 
define('APP_PATH','./Application/'); 
define("APP_ROOT",dirname(__FILE__)); 
// 引入ThinkPHP入口文件 
require './ThinkCore/ThinkCore.php'; 
// 親^_^ 后面不需要任何代碼了 就是如此簡(jiǎn)單

現(xiàn)在訪問(wèn) http://serverName/payment.php ，就會(huì)直接進(jìn)入到 http://serverName/payment.php/WexinApi/WeixinPay/notify ，這樣回調(diào)驗(yàn)證鏈接可以寫 http://serverName/payment.php ，也可以寫 http://serverName/payment.php/WexinApi/WeixinPay/notify 。

（2）發(fā)起支付

照樣很簡(jiǎn)單：

/** 
* 支付測(cè)試 
* 微信訪問(wèn):http://daoshi.sdxiaochengxu.com/payment.php/WexinApi/WeixinPay/pay 
*/ 
public function pay(){ 
 $order_sn = getrand_num(true); 
 $openId = ''; 
 $jsApiParameters = wxpay($openId,'江南極客',$order_sn,1); 
 $this->assign(array( 
  'data' => $jsApiParameters 
 )); 
 $this->display(); 
} 

<html> 
<head> 
 <meta http-equiv="content-type" content="text/html;charset=utf-8"/> 
 <meta name="viewport" content="width=device-width, initial-scale=1"/> 
 <title>小尤支付測(cè)試</title> 
 <script type="text/javascript"> 
 //調(diào)用微信JS api 支付 
 function jsApiCall() 
 { 
  var data={$data}; 
  WeixinJSBridge.invoke( 
   'getBrandWCPayRequest', data, 
   function(res){ 
    WeixinJSBridge.log(res.err_msg); 
    //alert('err_code:'+res.err_code+'err_desc:'+res.err_desc+'err_msg:'+res.err_msg); 
    //alert(res.err_code+res.err_desc+res.err_msg); 
    //alert(res); 
    if(res.err_msg == "get_brand_wcpay_request:ok"){ 
     alert("支付成功!"); 
     window.location. rel="external nofollow" ; 
    }else if(res.err_msg == "get_brand_wcpay_request:cancel"){ 
     alert("用戶取消支付!"); 
    }else{ 
     alert("支付失敗!"); 
    } 
   } 
  ); 
 } 
 function callpay() 
 { 
  if (typeof WeixinJSBridge == "undefined"){ 
   if( document.addEventListener ){ 
    document.addEventListener('WeixinJSBridgeReady', jsApiCall, false); 
   }else if (document.attachEvent){ 
    document.attachEvent('WeixinJSBridgeReady', jsApiCall); 
    document.attachEvent('onWeixinJSBridgeReady', jsApiCall); 
   } 
  }else{ 
   jsApiCall(); 
  } 
 } 
 </script> 
</head> 
<body> 
 <br/> 
 <font color="#9ACD32"><b>該筆訂單支付金額為<span style="color:#f00;font-size:50px">1分</span>錢</b></font><br/><br/> 
 <font color="#9ACD32"><b><span style="color:#f00;font-size:50px;margin-left:40%;">1分</span>錢也是愛</b></font><br/><br/> 
 <div align="center"> 
  <button style="width:210px; height:50px; border-radius: 15px;background-color:#FE6714; border:0px #FE6714 solid; cursor: pointer; color:white; font-size:16px;" type="button" onclick="callpay()" >果斷買買買^_^</button> 
 </div> 
</body> 
</html>

不過(guò)支付頁(yè)面的URL要注意了，因?yàn)橹Ц俄?yè)面的URL肯定帶有不少參數(shù)，剛才說(shuō)了TP中使用的REWRITE模式，你的鏈接為類似[ http://serverName/Home/Blog/read/id/1 ]這樣的，可能帶有更多參數(shù)，這時(shí)候微信支付會(huì)認(rèn)為你的支付授權(quán)目錄是[ http://serverName/Home/Blog/read/id/ ]，但是你真實(shí)的授權(quán)目錄是[ http://serverName/Home/Blog/]，所以就會(huì)報(bào)錯(cuò)。處理方法就是，在進(jìn)入支付頁(yè)面的時(shí)候，重構(gòu)URL，寫成普通模式，即為[ http://serverName/Home/Blog/read?id=1]，這樣就可以了。

（3）支持成功回調(diào)

現(xiàn)在支付完成，就會(huì)進(jìn)入到之前寫好的鏈接對(duì)應(yīng)的方法，即[ http://serverName/payment.php/WexinApi/WeixinPay/notify]：

//微信支付回調(diào)驗(yàn)證 
public function notify(){ 
 $xml = $GLOBALS['HTTP_RAW_POST_DATA']; 
 // 這句file_put_contents是用來(lái)查看服務(wù)器返回的XML數(shù)據(jù) 測(cè)試完可以刪除了 
 file_put_contents('./Api/wxpay/logs/log.txt',$xml,FILE_APPEND); 
 //將服務(wù)器返回的XML數(shù)據(jù)轉(zhuǎn)化為數(shù)組 
 //$data = json_decode(json_encode(simplexml_load_string($xml,'SimpleXMLElement',LIBXML_NOCDATA)),true); 
 $data = xmlToArray($xml); 
 // 保存微信服務(wù)器返回的簽名sign 
 $data_sign = $data['sign']; 
 // sign不參與簽名算法 
 unset($data['sign']); 
 $sign = $this->makeSign($data); 
 // 判斷簽名是否正確 判斷支付狀態(tài) 
 if ( ($sign===$data_sign) && ($data['return_code']=='SUCCESS') && ($data['result_code']=='SUCCESS') ) { 
  $result = $data; 
  // 這句file_put_contents是用來(lái)查看服務(wù)器返回的XML數(shù)據(jù) 測(cè)試完可以刪除了 
  file_put_contents('./Api/wxpay/logs/log1.txt',$xml,FILE_APPEND); 
  //獲取服務(wù)器返回的數(shù)據(jù) 
  $order_sn = $data['out_trade_no']; //訂單單號(hào) 
  $order_id = $data['attach'];  //附加參數(shù),選擇傳遞訂單ID 
  $openid = $data['openid'];   //付款人openID 
  $total_fee = $data['total_fee']; //付款金額 
  //更新數(shù)據(jù)庫(kù) 
  $this->updateDB($order_id,$order_sn,$openid,$total_fee); 
 }else{ 
  $result = false; 
 } 
 // 返回狀態(tài)給微信服務(wù)器 
 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; 
 return $result; 
}

為了安全起見，對(duì)返回過(guò)來(lái)的簽名，要重新驗(yàn)證：

/** 
* 生成簽名 
* @return 簽名，本函數(shù)不覆蓋sign成員變量 
*/ 
protected function makeSign($data){ 
 //獲取微信支付秘鑰 
 require_once APP_ROOT."/Api/wxpay/lib/WxPay.Api.php"; 
 $key = \WxPayConfig::KEY; 
 // 去空 
 $data=array_filter($data); 
 //簽名步驟一：按字典序排序參數(shù) 
 ksort($data); 
 $string_a=http_build_query($data); 
 $string_a=urldecode($string_a); 
 //簽名步驟二：在string后加入KEY 
 //$config=$this->config; 
 $string_sign_temp=$string_a."&key=".$key; 
 //簽名步驟三：MD5加密 
 $sign = md5($string_sign_temp); 
 // 簽名步驟四：所有字符轉(zhuǎn)為大寫 
 $result=strtoupper($sign); 
 return $result; 
}

至此，TP中微信支付也就搞定了。這是集成了官方的SDK實(shí)現(xiàn)的,如果不使用SDK,可以使用更簡(jiǎn)單的方法,見:PHP實(shí)現(xiàn)微信支付(jsapi支付)和退款(無(wú)需集成支付SDK)

總結(jié)

以上所述是小編給大家介紹的ThinkPHP實(shí)現(xiàn)微信支付(jsapi支付)流程教程詳解，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章: