当前位置:首页 > CMS教程 > Thinkphp > 列表

ThinkPHP框架整合微信支付之JSAPI模式图文详解

发布:smiling 来源: PHP粉丝网  添加日期:2021-11-15 21:49:00 浏览: 评论:0 

这篇文章主要介绍了ThinkPHP框架整合微信支付之JSAPI模式,结合图文形式详细分析了thinkPHP框架整合JSAPI模式支付操作的具体流程、步骤及相关操作注意事项,需要的朋友可以参考下。

本文实例讲述了ThinkPHP框架整合微信支付之JSAPI模式,分享给大家供大家参考,具体如下:

目前微信是很火的,微信支付目前很少在网上能看到一系列详细的demo,因此,花一点时间来做一下关于微信支付系列教程,本次教程是JSAPI模式支付,其他的还会继续写下去

首先,下载微信支付的demo,我们根据微信上的demo来整合到TP中。

介绍下我们这里需要用到的几个文件:

ThinkPHP微信支付 JSAPI

在demo文件夹中:

js_api_call.php:提供了微信jsapi的主要功能

log_.php:提供打印日志功能

notify_url.php:异步通知功能

notify_url.log:异步通知日志

qrcode.js:生成二维码js插件

接下来介绍下WxPayPubHelper文件夹下的文件:

ThinkPHP微信支付 JSAPI

cacert 文件夹是存放微信证书的(PS:具体我还没怎么用证书,虽然下载下来了,证书请在微信商户平台上下载)

SDKRuntimeException.php:这个就是处理异常的、

WxPay.pub.config.php:这个是做一些配置的,稍后会详细讲解

WxPayPubHelper.php:这个其实就是微信支付的工具类,对于初学者只要知道怎么用他里面的方法就够了

OK,了解了微信官方提供的文件,我们就可以开始整合到TP中了,废话不多说,这就开始!

step1:将demo中的WxPayPubHelper整个文件夹都复制到TP的Vendor目录下,像我这样:

ThinkPHP微信支付 JSAPI

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

ThinkPHP微信支付 JSAPI

这里的配置都有注释,如果还有不懂或者配置出现问题可以留言提问

同时我把微信的这个配置放到了TP的config中,这一步大家可以随意

  1. <?php 
  2. return array
  3.  //'配置项'=>'配置值' 
  4.  define('WEB_HOST''这是您的网站域名地址'), 
  5.  /*微信支付配置*/ 
  6.  'WxPayConf_pub'=>array
  7.   'APPID' => '您的APPID'
  8.   'MCHID' => '您的商户ID'
  9.   'KEY' => '商户秘钥'
  10.   'APPSECRET' => '您的APPSECRET'
  11.   'JS_API_CALL_URL' => WEB_HOST.'/index.php/Home/WxJsAPI/jsApiCall'
  12.   'SSLCERT_PATH' => WEB_HOST.'/ThinkPHP/Library/Vendor/WxPayPubHelper/cacert/apiclient_cert.pem'
  13.   'SSLKEY_PATH' => WEB_HOST.'/ThinkPHP/Library/Vendor/WxPayPubHelper/cacert/apiclient_key.pem'
  14.   'NOTIFY_URL' => WEB_HOST.'/index.php/Home/WxJsAPI/notify'
  15.   'CURL_TIMEOUT' => 30 
  16.  ) 
  17. ); 

step3:将生成二维码的js放在Public目录下(这里目前用不到,在用扫码支付的情况才用到这个js),将日志文件放在Public目录下:像我这样:

ThinkPHP微信支付 JSAPI

step4:创建控制器:这里创建了一个WxJsAPIController的控制器,这里大家随便起名字,只要这个跟你们在公众平台上的设置相对应就可以(公众平台设置稍后介绍)

ThinkPHP微信支付 JSAPI

下面是控制器的代码部分了,首先初始化控制器,将WxPayPubHelper导入

  1. /** 
  2.   * 初始化 
  3.   */ 
  4.  public function _initialize() 
  5.  { 
  6.   //引入WxPayPubHelper 
  7.   vendor('WxPayPubHelper.WxPayPubHelper'); 
  8.  } 

接下来是使用统一支付接口,获取prepay_id的方法:

  1. public function jsApiCall() 
  2.  //使用jsapi接口 
  3.  $jsApi = new \JsApi_pub(); 
  4.    
  5.  //=========步骤1:网页授权获取用户openid============ 
  6.  //通过code获得openid 
  7.  if (!isset($_GET['code'])) 
  8.  { 
  9.   //触发微信返回code码 
  10.   $url = $jsApi->createOauthUrlForCode(C('WxPayConf_pub.JS_API_CALL_URL')); 
  11.   Header("Location: $url"); 
  12.  }else 
  13.  { 
  14.   //获取code码,以获取openid 
  15.   $code = $_GET['code']; 
  16.   $jsApi->setCode($code); 
  17.   $openid = $jsApi->getOpenId(); 
  18.  } 
  19.    
  20.  //=========步骤2:使用统一支付接口,获取prepay_id============ 
  21.  //使用统一支付接口 
  22.  $unifiedOrder = new \UnifiedOrder_pub(); 
  23.    
  24.  //设置统一支付接口参数 
  25.  //设置必填参数 
  26.  //appid已填,商户无需重复填写 
  27.  //mch_id已填,商户无需重复填写 
  28.  //noncestr已填,商户无需重复填写 
  29.  //spbill_create_ip已填,商户无需重复填写 
  30.  //sign已填,商户无需重复填写 
  31.  $unifiedOrder->setParameter("openid",$openid);//商品描述 
  32.  $unifiedOrder->setParameter("body","贡献一分钱");//商品描述 
  33.  //自定义订单号,此处仅作举例 
  34.  $timeStamp = time(); 
  35.  $out_trade_no = C('WxPayConf_pub.APPID').$timeStamp
  36.  $unifiedOrder->setParameter("out_trade_no",$out_trade_no);//商户订单号 
  37.  $unifiedOrder->setParameter("total_fee","1");//总金额 
  38.  $unifiedOrder->setParameter("notify_url",C('WxPayConf_pub.NOTIFY_URL'));//通知地址 
  39.  $unifiedOrder->setParameter("trade_type","JSAPI");//交易类型 
  40.  //非必填参数,商户可根据实际情况选填 
  41.  //$unifiedOrder->setParameter("sub_mch_id","XXXX");//子商户号 
  42.  //$unifiedOrder->setParameter("device_info","XXXX");//设备号 
  43.  //$unifiedOrder->setParameter("attach","XXXX");//附加数据 
  44.  //$unifiedOrder->setParameter("time_start","XXXX");//交易起始时间 
  45.  //$unifiedOrder->setParameter("time_expire","XXXX");//交易结束时间 
  46.  //$unifiedOrder->setParameter("goods_tag","XXXX");//商品标记 
  47.  //$unifiedOrder->setParameter("openid","XXXX");//用户标识 
  48.  //$unifiedOrder->setParameter("product_id","XXXX");//商品ID 
  49.    
  50.  $prepay_id = $unifiedOrder->getPrepayId(); 
  51.  //=========步骤3:使用jsapi调起支付============ 
  52.  $jsApi->setPrepayId($prepay_id); 
  53.    
  54.  $jsApiParameters = $jsApi->getParameters(); 
  55.    
  56.  $this->assign('jsApiParameters',$jsApiParameters); 
  57.  $this->display('pay'); 
  58.  //echo $jsApiParameters; 

这里都是复制微信demo的,改改名字罢了,没什么其他的

接下来是异步通知方法,也是复制的微信demo上的

  1. public function notify() 
  2.  { 
  3.   //使用通用通知接口 
  4.   $notify = new \Notify_pub(); 
  5.     
  6.   //存储微信的回调 
  7.   $xml = $GLOBALS['HTTP_RAW_POST_DATA']; 
  8.   $notify->saveData($xml); 
  9.     
  10.   //验证签名,并回应微信。 
  11.   //对后台通知交互时,如果微信收到商户的应答不是成功或超时,微信认为通知失败, 
  12.   //微信会通过一定的策略(如30分钟共8次)定期重新发起通知, 
  13.   //尽可能提高通知的成功率,但微信不保证通知最终能成功。 
  14.   if($notify->checkSign() == FALSE){ 
  15.    $notify->setReturnParameter("return_code","FAIL");//返回状态码 
  16.    $notify->setReturnParameter("return_msg","签名失败");//返回信息 
  17.   }else
  18.    $notify->setReturnParameter("return_code","SUCCESS");//设置返回码 
  19.   } 
  20.   $returnXml = $notify->returnXml(); 
  21.   echo $returnXml
  22.     
  23.   //==商户根据实际情况设置相应的处理流程,此处仅作举例======= 
  24.     
  25.   //以log文件形式记录回调信息 
  26. //   $log_ = new Log_(); 
  27.   $log_name= __ROOT__."/Public/notify_url.log";//log文件路径 
  28.     
  29.   log_result($log_name,"【接收到的notify通知】:\n".$xml."\n"); 
  30.     
  31.   if($notify->checkSign() == TRUE) 
  32.   { 
  33.    if ($notify->data["return_code"] == "FAIL") { 
  34.     //此处应该更新一下订单状态,商户自行增删操作 
  35.     log_result($log_name,"【通信出错】:\n".$xml."\n"); 
  36.    } 
  37.    elseif($notify->data["result_code"] == "FAIL"){ 
  38.     //此处应该更新一下订单状态,商户自行增删操作 
  39.     log_result($log_name,"【业务出错】:\n".$xml."\n"); 
  40.    } 
  41.    else
  42.     //此处应该更新一下订单状态,商户自行增删操作 
  43.     log_result($log_name,"【支付成功】:\n".$xml."\n"); 
  44.    } 
  45.     
  46.    //商户自行增加处理流程, 
  47.    //例如:更新订单状态 
  48.    //例如:数据库操作 
  49.    //例如:推送支付完成信息 
  50.   } 
  51.  } 

这里我把记录日志的类写到了function.php中:

  1. function log_result($file,$word
  2.  $fp = fopen($file,"a"); 
  3.  flock($fp, LOCK_EX) ; 
  4.  fwrite($fp,"执行日期:".strftime("%Y-%m-%d-%H:%M:%S",time())."\n".$word."\n\n"); 
  5.  flock($fp, LOCK_UN); 
  6.  fclose($fp); 

好了 其实控制器的方法就这么多,没什么其他的了,下面看一下页面,直接上代码吧:

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4.  <meta http-equiv="content-type" content="text/html;charset=utf-8"/> 
  5.  <title>微信安全支付</title> 
  6.  
  7.  <script type="text/javascript"
  8.  
  9.   //调用微信JS api 支付 
  10.   function jsApiCall() 
  11.   { 
  12.    WeixinJSBridge.invoke( 
  13.     'getBrandWCPayRequest'
  14.     <?php echo $jsApiParameters; ?>, 
  15.     function(res){ 
  16.      WeixinJSBridge.log(res.err_msg); 
  17.      alert(res.err_code+res.err_desc+res.err_msg); 
  18.      //alert("{$jsApiParameters}"); 
  19.     } 
  20.    ); 
  21.   } 
  22.  
  23.   function callpay() 
  24.   { 
  25.    if (typeof WeixinJSBridge == "undefined"){ 
  26.     if( document.addEventListener ){ 
  27.      document.addEventListener('WeixinJSBridgeReady', jsApiCall, false); 
  28.     }else if (document.attachEvent){ 
  29.      document.attachEvent('WeixinJSBridgeReady', jsApiCall);  
  30.      document.attachEvent('onWeixinJSBridgeReady', jsApiCall); 
  31.     } 
  32.    }else
  33.     jsApiCall(); 
  34.    } 
  35.   } 
  36.  </script> 
  37. </head> 
  38. <body> 
  39.  </br></br></br></br> 
  40.  <div align="center"
  41.   <button style="width:210px; height:30px; background-color:#FE6714; border:0px #FE6714 solid; cursor: pointer; color:white; font-size:16px;" type="button" onclick="callpay()" >贡献一下</button> 
  42.  </div> 
  43. </body> 
  44. </html> 

无须改动什么,直接复制就好

接下来是微信公众平台上的配置了,这里我遇到过问题,如果有在这里遇到问题的同学请留言,比如出现了access_deined或者access_notallowed等问题,这都可能是因为这里配置不对。

请看配置过程截图:

ThinkPHP微信支付 JSAPI

点击修改进入配置:

ThinkPHP微信支付 JSAPI

好了,可以测试了:下面是我的测试截图:

用微信扫描二维码

ThinkPHP微信支付 JSAPI

微信上点击贡献一下出现支付页面:

ThinkPHP微信支付 JSAPI

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

当然,如果你是第一次做,肯定会遇到各种问题,如果你是新手,遇到的问题都不知道为什么,及时你做过了再做我相信还是可能由于细节上的疏忽会出现问题,不过不要烦躁,耐心的去发现问题。

Tags: ThinkPHP微信支付 JSAPI

分享到: