当前位置:编程学习 > > 正文

thinkphp框架实例(ThinkPHP框架整合微信支付之JSAPI模式图文详解)

时间:2022-03-29 16:21:24类别:编程学习

thinkphp框架实例

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

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

目前微信是很火的,微信支付目前很少在网上能看到一系列详细的demo,因此,花一点时间来做一下关于微信支付系列教程,

本次教程是jsapi模式支付,其他的还会继续写下去

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

介绍下我们这里需要用到的几个文件:
thinkphp框架实例(ThinkPHP框架整合微信支付之JSAPI模式图文详解)

在demo文件夹中:

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

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

thinkphp框架实例(ThinkPHP框架整合微信支付之JSAPI模式图文详解)

cacert 文件夹是存放微信证书的(ps:具体我还没怎么用证书,虽然下载下来了,证书请在微信商户平台上下载)
sdkruntimeexception.php:这个就是处理异常的、
wxpay.pub.config.php:这个是做一些配置的,稍后会详细讲解
wxpaypubhelper.php:这个其实就是微信支付的工具类,对于初学者只要知道怎么用他里面的方法就够了

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

step1:将demo中的wxpaypubhelper整个文件夹都复制到tp的vendor目录下,像我这样:

thinkphp框架实例(ThinkPHP框架整合微信支付之JSAPI模式图文详解)
 

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

thinkphp框架实例(ThinkPHP框架整合微信支付之JSAPI模式图文详解)

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

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

  • ?
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • <?php
  • return array(
  •  //'配置项'=>'配置值'
  •  define('web_host', '这是您的网站域名地址'),
  •  /*微信支付配置*/
  •  '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目录下(这里目前用不到,在用扫码支付的情况才用到这个js),将日志文件放在public目录下:像我这样:

    thinkphp框架实例(ThinkPHP框架整合微信支付之JSAPI模式图文详解)

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

    thinkphp框架实例(ThinkPHP框架整合微信支付之JSAPI模式图文详解)

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

  • ?
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • /**
  •   * 初始化
  •   */
  •  public function _initialize()
  •  {
  •   //引入wxpaypubhelper
  •   vendor('wxpaypubhelper.wxpaypubhelper');
  •  }
  • 接下来是使用统一支付接口,获取prepay_id的方法:

  • ?
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • public function jsapicall()
  • {
  •  //使用jsapi接口
  •  $jsapi = new \jsapi_pub();
  •  
  •  //=========步骤1:网页授权获取用户openid============
  •  //通过code获得openid
  •  if (!isset($_get['code']))
  •  {
  •   //触发微信返回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:使用统一支付接口,获取prepay_id============
  •  //使用统一支付接口
  •  $unifiedorder = new \unifiedorder_pub();
  •  
  •  //设置统一支付接口参数
  •  //设置必填参数
  •  //appid已填,商户无需重复填写
  •  //mch_id已填,商户无需重复填写
  •  //noncestr已填,商户无需重复填写
  •  //spbill_create_ip已填,商户无需重复填写
  •  //sign已填,商户无需重复填写
  •  $unifiedorder->setparameter("openid",$openid);//商品描述
  •  $unifiedorder->setparameter("body","贡献一分钱");//商品描述
  •  //自定义订单号,此处仅作举例
  •  $timestamp = time();
  •  $out_trade_no = c('wxpayconf_pub.appid').$timestamp;
  •  $unifiedorder->setparameter("out_trade_no",$out_trade_no);//商户订单号
  •  $unifiedorder->setparameter("total_fee","1");//总金额
  •  $unifiedorder->setparameter("notify_url",c('wxpayconf_pub.notify_url'));//通知地址
  •  $unifiedorder->setparameter("trade_type","jsapi");//交易类型
  •  //非必填参数,商户可根据实际情况选填
  •  //$unifiedorder->setparameter("sub_mch_id","xxxx");//子商户号
  •  //$unifiedorder->setparameter("device_info","xxxx");//设备号
  •  //$unifiedorder->setparameter("attach","xxxx");//附加数据
  •  //$unifiedorder->setparameter("time_start","xxxx");//交易起始时间
  •  //$unifiedorder->setparameter("time_expire","xxxx");//交易结束时间
  •  //$unifiedorder->setparameter("goods_tag","xxxx");//商品标记
  •  //$unifiedorder->setparameter("openid","xxxx");//用户标识
  •  //$unifiedorder->setparameter("product_id","xxxx");//商品id
  •  
  •  $prepay_id = $unifiedorder->getprepayid();
  •  //=========步骤3:使用jsapi调起支付============
  •  $jsapi->setprepayid($prepay_id);
  •  
  •  $jsapiparameters = $jsapi->getparameters();
  •  
  •  $this->assign('jsapiparameters',$jsapiparameters);
  •  $this->display('pay');
  •  //echo $jsapiparameters;
  • }
  • 这里都是复制微信demo的,改改名字罢了,没什么其他的

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

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

  • ?
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • function log_result($file,$word)
  • {
  •  $fp = fopen($file,"a");
  •  flock($fp, lock_ex) ;
  •  fwrite($fp,"执行日期:".strftime("%y-%m-%d-%h:%m:%s",time())."\n".$word."\n\n");
  •  flock($fp, lock_un);
  •  fclose($fp);
  • }
  • 好了 其实控制器的方法就这么多,没什么其他的了,下面看一下页面,直接上代码吧:

  • ?
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • <!doctype html>
  • <html>
  • <head>
  •  <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
  •  <title>微信安全支付</title>
  •  
  •  <script type="text/javascript">
  •  
  •   //调用微信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>
  •  <li 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()" >贡献一下</button>
  •  </li>
  • </body>
  • </html>
  • 无须改动什么,直接复制就好

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

    thinkphp框架实例(ThinkPHP框架整合微信支付之JSAPI模式图文详解)

    点击修改进入配置:

    thinkphp框架实例(ThinkPHP框架整合微信支付之JSAPI模式图文详解)

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

    用微信扫描二维码

    thinkphp框架实例(ThinkPHP框架整合微信支付之JSAPI模式图文详解)

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

    thinkphp框架实例(ThinkPHP框架整合微信支付之JSAPI模式图文详解)

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

    当然,如果你是第一次做,肯定会遇到各种问题,
    如果你是新手,遇到的问题都不知道为什么,
    及时你做过了再做我相信还是可能由于细节上的疏忽会出现问题
    不过不要烦躁,耐心的去发现问题
    有问题请留言,下面还会介绍微信扫码支付模式一,模式二的详细教程

    希望本文所述对大家基于thinkphp框架的php程序设计有所帮助。

    原文链接:http://www.thinkphp.cn/code/1321.html

    上一篇下一篇

    猜您喜欢

    热门推荐