ThinkPHP整合微信支付之JSAPI模式

时间:2022-09-24 20:19:22
目前微信是很火的,微信支付目前很少在网上能看到一系列详细的demo,因此,花一点时间来做一下关于微信支付系列教程,本次教程是JSAPI模式支付,其他的还会继续写下去
首先,下载微信支付的demo,我们根据微信上的demo来整合到TP中。
demo下载地址:https://github.com/1290800466/mac_win/tree/master/weixin_pay/%E5%85%AC%E4%BC%97%E8%B4%A6%E5%8F%B7%E6%94%AF%E4%BB%98DEMO/wx2
介绍下我们这里需要用到的几个文件:

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.     {
  3.         //使用jsapi接口
  4.         $jsApi = new \JsApi_pub();
  5.         
  6.         //=========步骤1:网页授权获取用户openid============
  7.         //通过code获得openid
  8.         if (!isset($_GET['code']))
  9.         {
  10.             //触发微信返回code码
  11.             $url = $jsApi->createOauthUrlForCode(C('WxPayConf_pub.JS_API_CALL_URL'));
  12.             Header("Location: $url");
  13.         }else
  14.         {
  15.             //获取code码,以获取openid
  16.             $code = $_GET['code'];
  17.             $jsApi->setCode($code);
  18.             $openid = $jsApi->getOpenId();
  19.         }
  20.         
  21.         //=========步骤2:使用统一支付接口,获取prepay_id============
  22.         //使用统一支付接口
  23.         $unifiedOrder = new \UnifiedOrder_pub();
  24.         
  25.         //设置统一支付接口参数
  26.         //设置必填参数
  27.         //appid已填,商户无需重复填写
  28.         //mch_id已填,商户无需重复填写
  29.         //noncestr已填,商户无需重复填写
  30.         //spbill_create_ip已填,商户无需重复填写
  31.         //sign已填,商户无需重复填写
  32.         $unifiedOrder->setParameter("openid",$openid);//商品描述
  33.         $unifiedOrder->setParameter("body","贡献一分钱");//商品描述
  34.         //自定义订单号,此处仅作举例
  35.         $timeStamp = time();
  36.         $out_trade_no = C('WxPayConf_pub.APPID').$timeStamp;
  37.         $unifiedOrder->setParameter("out_trade_no",$out_trade_no);//商户订单号
  38.         $unifiedOrder->setParameter("total_fee","1");//总金额
  39.         $unifiedOrder->setParameter("notify_url",C('WxPayConf_pub.NOTIFY_URL'));//通知地址
  40.         $unifiedOrder->setParameter("trade_type","JSAPI");//交易类型
  41.         //非必填参数,商户可根据实际情况选填
  42.         //$unifiedOrder->setParameter("sub_mch_id","XXXX");//子商户号
  43.         //$unifiedOrder->setParameter("device_info","XXXX");//设备号
  44.         //$unifiedOrder->setParameter("attach","XXXX");//附加数据
  45.         //$unifiedOrder->setParameter("time_start","XXXX");//交易起始时间
  46.         //$unifiedOrder->setParameter("time_expire","XXXX");//交易结束时间
  47.         //$unifiedOrder->setParameter("goods_tag","XXXX");//商品标记
  48.         //$unifiedOrder->setParameter("openid","XXXX");//用户标识
  49.         //$unifiedOrder->setParameter("product_id","XXXX");//商品ID
  50.         
  51.         $prepay_id = $unifiedOrder->getPrepayId();
  52.         //=========步骤3:使用jsapi调起支付============
  53.         $jsApi->setPrepayId($prepay_id);
  54.         
  55.         $jsApiParameters = $jsApi->getParameters();
  56.         
  57.         $this->assign('jsApiParameters',$jsApiParameters);
  58.         $this->display('pay');
  59.         //echo $jsApiParameters;
  60.     }
复制代码
这里都是复制微信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.  {
  3.     $fp = fopen($file,"a");
  4.     flock($fp, LOCK_EX) ;
  5.     fwrite($fp,"执行日期:".strftime("%Y-%m-%d-%H:%M:%S",time())."\n".$word."\n\n");
  6.     flock($fp, LOCK_UN);
  7.     fclose($fp);
  8.  }
复制代码
好了 其实控制器的方法就这么多,没什么其他的了,下面看一下页面,直接上代码吧:
  1. <!DOCTYPE html>
  2.  <html>
  3.  <head>
  4.     <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
  5.     <title>微信安全支付</title>
  6.     <script type="text/javascript">
  7.         //调用微信JS api 支付
  8.         function jsApiCall()
  9.         {
  10.             WeixinJSBridge.invoke(
  11.                 'getBrandWCPayRequest',
  12.                 <?php echo $jsApiParameters; ?>,
  13.                 function(res){
  14.                     WeixinJSBridge.log(res.err_msg);
  15.                     alert(res.err_code+res.err_desc+res.err_msg);
  16.                     //alert("{$jsApiParameters}");
  17.                 }
  18.             );
  19.         }
  20.         function callpay()
  21.         {
  22.             if (typeof WeixinJSBridge == "undefined"){
  23.                 if( document.addEventListener ){
  24.                     document.addEventListener('WeixinJSBridgeReady', jsApiCall, false);
  25.                 }else if (document.attachEvent){
  26.                     document.attachEvent('WeixinJSBridgeReady', jsApiCall); 
  27.                     document.attachEvent('onWeixinJSBridgeReady', jsApiCall);
  28.                 }
  29.             }else{
  30.                 jsApiCall();
  31.             }
  32.         }
  33.     </script>
  34.  </head>
  35.  <body>
  36.     </br></br></br></br>
  37.     <div align="center">
  38.         <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>
  39.     </div>
  40.  </body>
  41.  </html>
复制代码
无须改动什么,直接复制就好


接下来是微信公众平台上的配置了,这里我遇到过问题,如果有在这里遇到问题的同学请留言,比如出现了access_deined或者access_notallowed等问题,这都可能是因为这里配置不对。
请看配置过程截图: ThinkPHP整合微信支付之JSAPI模式
点击修改进入配置: ThinkPHP整合微信支付之JSAPI模式

好了,可以测试了:下面是我的测试截图:
用微信扫描二维码
ThinkPHP整合微信支付之JSAPI模式

微信上点击贡献一下出现支付页面: ThinkPHP整合微信支付之JSAPI模式

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

相关文章