主頁(yè) > 知識(shí)庫(kù) > ThinkPHP框架整合微信支付之JSAPI模式圖文詳解

ThinkPHP框架整合微信支付之JSAPI模式圖文詳解

本文實(shí)例講述了ThinkPHP框架整合微信支付之JSAPI模式。分享給大家供大家參考，具體如下：

目前微信是很火的，微信支付目前很少在網(wǎng)上能看到一系列詳細(xì)的demo，因此，花一點(diǎn)時(shí)間來(lái)做一下關(guān)于微信支付系列教程，

本次教程是JSAPI模式支付，其他的還會(huì)繼續(xù)寫下去

首先，下載微信支付的demo，我們根據(jù)微信上的demo來(lái)整合到TP中。

介紹下我們這里需要用到的幾個(gè)文件：

在demo文件夾中：

js_api_call.php:提供了微信jsapi的主要功能
log_.php：提供打印日志功能
notify_url.php：異步通知功能
notify_url.log：異步通知日志
qrcode.js：生成二維碼js插件

接下來(lái)介紹下WxPayPubHelper文件夾下的文件：

cacert 文件夾是存放微信證書的（PS：具體我還沒(méi)怎么用證書，雖然下載下來(lái)了，證書請(qǐng)?jiān)谖⑿派虘羝脚_(tái)上下載）
SDKRuntimeException.php：這個(gè)就是處理異常的、
WxPay.pub.config.php：這個(gè)是做一些配置的，稍后會(huì)詳細(xì)講解
WxPayPubHelper.php：這個(gè)其實(shí)就是微信支付的工具類，對(duì)于初學(xué)者只要知道怎么用他里面的方法就夠了

OK，了解了微信官方提供的文件，我們就可以開(kāi)始整合到TP中了，廢話不多說(shuō)，這就開(kāi)始！

step1:將demo中的WxPayPubHelper整個(gè)文件夾都復(fù)制到TP的Vendor目錄下，像我這樣：

step2:配置WxPay.pub.config.php文件：

這里的配置都有注釋，如果還有不懂或者配置出現(xiàn)問(wèn)題可以留言提問(wèn)

同時(shí)我把微信的這個(gè)配置放到了TP的config中，這一步大家可以隨意

?php
return array(
 //'配置項(xiàng)'=>'配置值'
 define('WEB_HOST', '這是您的網(wǎng)站域名地址'),
 /*微信支付配置*/
 'WxPayConf_pub'=>array(
  'APPID' => '您的APPID',
  'MCHID' => '您的商戶ID',
  'KEY' => '商戶秘鑰',
  'APPSECRET' => '您的APPSECRET',
  'JS_API_CALL_URL' => WEB_HOST.'/index.php/Home/WxJsAPI/jsApiCall',
  'SSLCERT_PATH' => WEB_HOST.'/ThinkPHP/Library/Vendor/WxPayPubHelper/cacert/apiclient_cert.pem',
  'SSLKEY_PATH' => WEB_HOST.'/ThinkPHP/Library/Vendor/WxPayPubHelper/cacert/apiclient_key.pem',
  'NOTIFY_URL' => WEB_HOST.'/index.php/Home/WxJsAPI/notify',
  'CURL_TIMEOUT' => 30
 )
);

step3:將生成二維碼的js放在Public目錄下（這里目前用不到，在用掃碼支付的情況才用到這個(gè)js），將日志文件放在Public目錄下：像我這樣：

step4:創(chuàng)建控制器：這里創(chuàng)建了一個(gè)WxJsAPIController的控制器，這里大家隨便起名字，只要這個(gè)跟你們?cè)诠娖脚_(tái)上的設(shè)置相對(duì)應(yīng)就可以（公眾平臺(tái)設(shè)置稍后介紹）

下面是控制器的代碼部分了，首先初始化控制器，將WxPayPubHelper導(dǎo)入

/**
  * 初始化
  */
 public function _initialize()
 {
  //引入WxPayPubHelper
  vendor('WxPayPubHelper.WxPayPubHelper');
 }

接下來(lái)是使用統(tǒng)一支付接口，獲取prepay_id的方法：

 public function jsApiCall()
 {
  //使用jsapi接口
  $jsApi = new \JsApi_pub();
  
  //=========步驟1：網(wǎng)頁(yè)授權(quán)獲取用戶openid============
  //通過(guò)code獲得openid
  if (!isset($_GET['code']))
  {
   //觸發(fā)微信返回code碼
   $url = $jsApi->createOauthUrlForCode(C('WxPayConf_pub.JS_API_CALL_URL'));
   Header("Location: $url");
  }else
  {
   //獲取code碼，以獲取openid
   $code = $_GET['code'];
   $jsApi->setCode($code);
   $openid = $jsApi->getOpenId();
  }
  
  //=========步驟2：使用統(tǒng)一支付接口，獲取prepay_id============
  //使用統(tǒng)一支付接口
  $unifiedOrder = new \UnifiedOrder_pub();
  
  //設(shè)置統(tǒng)一支付接口參數(shù)
  //設(shè)置必填參數(shù)
  //appid已填,商戶無(wú)需重復(fù)填寫
  //mch_id已填,商戶無(wú)需重復(fù)填寫
  //noncestr已填,商戶無(wú)需重復(fù)填寫
  //spbill_create_ip已填,商戶無(wú)需重復(fù)填寫
  //sign已填,商戶無(wú)需重復(fù)填寫
  $unifiedOrder->setParameter("openid",$openid);//商品描述
  $unifiedOrder->setParameter("body","貢獻(xiàn)一分錢");//商品描述
  //自定義訂單號(hào)，此處僅作舉例
  $timeStamp = time();
  $out_trade_no = C('WxPayConf_pub.APPID').$timeSt
  $unifiedOrder->setParameter("out_trade_no",$out_trade_no);//商戶訂單號(hào)
  $unifiedOrder->setParameter("total_fee","1");//總金額
  $unifiedOrder->setParameter("notify_url",C('WxPayConf_pub.NOTIFY_URL'));//通知地址
  $unifiedOrder->setParameter("trade_type","JSAPI");//交易類型
  //非必填參數(shù)，商戶可根據(jù)實(shí)際情況選填
  //$unifiedOrder->setParameter("sub_mch_id","XXXX");//子商戶號(hào)
  //$unifiedOrder->setParameter("device_info","XXXX");//設(shè)備號(hào)
  //$unifiedOrder->setParameter("attach","XXXX");//附加數(shù)據(jù)
  //$unifiedOrder->setParameter("time_start","XXXX");//交易起始時(shí)間
  //$unifiedOrder->setParameter("time_expire","XXXX");//交易結(jié)束時(shí)間
  //$unifiedOrder->setParameter("goods_tag","XXXX");//商品標(biāo)記
  //$unifiedOrder->setParameter("openid","XXXX");//用戶標(biāo)識(shí)
  //$unifiedOrder->setParameter("product_id","XXXX");//商品ID
  
  $prepay_id = $unifiedOrder->getPrepayId();
  //=========步驟3：使用jsapi調(diào)起支付============
  $jsApi->setPrepayId($prepay_id);
  
  $jsApiParameters = $jsApi->getParameters();
  
  $this->assign('jsApiParameters',$jsApiParameters);
  $this->display('pay');
  //echo $jsApiParameters;
 }

這里都是復(fù)制微信demo的，改改名字罷了，沒(méi)什么其他的

接下來(lái)是異步通知方法，也是復(fù)制的微信demo上的

 public function notify()
 {
  //使用通用通知接口
  $notify = new \Notify_pub();
  
  //存儲(chǔ)微信的回調(diào)
  $xml = $GLOBALS['HTTP_RAW_POST_DATA'];
  $notify->saveData($xml);
  
  //驗(yàn)證簽名，并回應(yīng)微信。
  //對(duì)后臺(tái)通知交互時(shí)，如果微信收到商戶的應(yīng)答不是成功或超時(shí)，微信認(rèn)為通知失敗，
  //微信會(huì)通過(guò)一定的策略（如30分鐘共8次）定期重新發(fā)起通知，
  //盡可能提高通知的成功率，但微信不保證通知最終能成功。
  if($notify->checkSign() == FALSE){
   $notify->setReturnParameter("return_code","FAIL");//返回狀態(tài)碼
   $notify->setReturnParameter("return_msg","簽名失敗");//返回信息
  }else{
   $notify->setReturnParameter("return_code","SUCCESS");//設(shè)置返回碼
  }
  $returnXml = $notify->returnXml();
  echo $returnXml;
  
  //==商戶根據(jù)實(shí)際情況設(shè)置相應(yīng)的處理流程，此處僅作舉例=======
  
  //以log文件形式記錄回調(diào)信息
//   $log_ = new Log_();
  $log_name= __ROOT__."/Public/notify_url.log";//log文件路徑
  
  log_result($log_name,"【接收到的notify通知】:\n".$xml."\n");
  
  if($notify->checkSign() == TRUE)
  {
   if ($notify->data["return_code"] == "FAIL") {
    //此處應(yīng)該更新一下訂單狀態(tài)，商戶自行增刪操作
    log_result($log_name,"【通信出錯(cuò)】:\n".$xml."\n");
   }
   elseif($notify->data["result_code"] == "FAIL"){
    //此處應(yīng)該更新一下訂單狀態(tài)，商戶自行增刪操作
    log_result($log_name,"【業(yè)務(wù)出錯(cuò)】:\n".$xml."\n");
   }
   else{
    //此處應(yīng)該更新一下訂單狀態(tài)，商戶自行增刪操作
    log_result($log_name,"【支付成功】:\n".$xml."\n");
   }
  
   //商戶自行增加處理流程,
   //例如：更新訂單狀態(tài)
   //例如：數(shù)據(jù)庫(kù)操作
   //例如：推送支付完成信息
  }
 }

這里我把記錄日志的類寫到了function.php中：

function log_result($file,$word)
{
 $fp = fopen($file,"a");
 flock($fp, LOCK_EX) ;
 fwrite($fp,"執(zhí)行日期：".strftime("%Y-%m-%d-%H：%M：%S",time())."\n".$word."\n\n");
 flock($fp, LOCK_UN);
 fclose($fp);
}

好了其實(shí)控制器的方法就這么多，沒(méi)什么其他的了，下面看一下頁(yè)面，直接上代碼吧：

!DOCTYPE html>
html>
head>
 meta http-equiv="content-type" content="text/html;charset=utf-8"/>
 title>微信安全支付/title>

 script type="text/javascript">

  //調(diào)用微信JS api 支付
  function jsApiCall()
  {
   WeixinJSBridge.invoke(
    'getBrandWCPayRequest',
    ?php echo $jsApiParameters; ?>,
    function(res){
     WeixinJSBridge.log(res.err_msg);
     alert(res.err_code+res.err_desc+res.err_msg);
     //alert("{$jsApiParameters}");
    }
   );
  }

  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>/br>/br>/br>
 div align="center">
  button style="width:210px; height:30px; background-color:#FE6714; border:0px #FE6714 solid; cursor: pointer; color:white; font-size:16px;" type="button" onclick="callpay()" >貢獻(xiàn)一下/button>
 /div>
/body>
/html>

無(wú)須改動(dòng)什么，直接復(fù)制就好

接下來(lái)是微信公眾平臺(tái)上的配置了，這里我遇到過(guò)問(wèn)題，如果有在這里遇到問(wèn)題的同學(xué)請(qǐng)留言，比如出現(xiàn)了access_deined或者access_notallowed等問(wèn)題，這都可能是因?yàn)檫@里配置不對(duì)。
請(qǐng)看配置過(guò)程截圖：

點(diǎn)擊修改進(jìn)入配置：

好了，可以測(cè)試了：下面是我的測(cè)試截圖：

用微信掃描二維碼

微信上點(diǎn)擊貢獻(xiàn)一下出現(xiàn)支付頁(yè)面：

到此為止，微信JSAPI支付功能就全部做好了

當(dāng)然，如果你是第一次做，肯定會(huì)遇到各種問(wèn)題，
如果你是新手，遇到的問(wèn)題都不知道為什么，
及時(shí)你做過(guò)了再做我相信還是可能由于細(xì)節(jié)上的疏忽會(huì)出現(xiàn)問(wèn)題
不過(guò)不要煩躁，耐心的去發(fā)現(xiàn)問(wèn)題
有問(wèn)題請(qǐng)留言，下面還會(huì)介紹微信掃碼支付模式一，模式二的詳細(xì)教程

微信支付教程掃碼模式一：
//www.jb51.net/article/159356.htm

微信支付教程掃碼模式二：
//www.jb51.net/article/159362.htm

微信支付教程刷卡支付：
//www.jb51.net/article/159401.htm

更多關(guān)于thinkPHP相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《ThinkPHP入門教程》、《thinkPHP模板操作技巧總結(jié)》、《ThinkPHP常用方法總結(jié)》、《codeigniter入門教程》、《CI(CodeIgniter)框架進(jìn)階教程》、《Zend FrameWork框架入門教程》及《PHP模板技術(shù)總結(jié)》。

希望本文所述對(duì)大家基于ThinkPHP框架的PHP程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

Laravel5.5+ 使用API Resources快速輸出自定義JSON方法詳解
vue 使用外部JS與調(diào)用原生API操作示例
微信支付之JSAPI公眾號(hào)支付詳解
JS使用百度地圖API自動(dòng)獲取地址和經(jīng)緯度操作示例
rapidjson解析json代碼實(shí)例以及常見(jiàn)的json core dump問(wèn)題
C++中rapidjson組裝繼續(xù)簡(jiǎn)化的方法
JavaScript自定義超時(shí)API代碼實(shí)例

標(biāo)簽：棗莊萍鄉(xiāng) 廣元衡水江蘇蚌埠衢州大理

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《ThinkPHP框架整合微信支付之JSAPI模式圖文詳解》，本文關(guān)鍵詞；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無(wú)關(guān)。