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

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

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

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

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

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

在demo文件夹中：

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

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

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

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

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

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

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

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

<?phpreturn array( //'配置项'=>'配置值' define('web_host', '这是您的网站域名地址'), /*微信支付配置*/ 'wxpayconf_pub'=>array(  'appid' => '您的appid',  'mchid' => '您的商户id',  'key' => '商户秘钥',  'appcret' => '您的appcret',  '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目录下：像我这样：

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

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

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

接下人体最大的器官是来是使用统一支付接口，获取prepay_id的方法：

 public function jsapicall() {  //使用jsapi接口  $jsapi = new \jsapi_pub();    //=========步骤1：网页授权获取用户openid============  //通过code获得openid  if (!ist($_get['code']))  {   //触发微信返回code码   $url = $jsapi->createoauthurlforcode(c('wxpayconf_pub.js_api_call_url'));   header("location: $url");  }el  {   //获取code码，以获取openid   $code = $_get['code'];   $jsapi->tcode($code);   $openid = $jsapi->getopenid();  }    //=========步骤2：使用统一支付接口，获取prepay_id============  //使用统一支付接口  $unifiedorder = new \unifiedorder_pub();    //设置统一支付接口参数  //设置必填参数  //appid已填,商户无需重复填写  //mch_id已填,商户无需重复填写  //noncestr已填,商户无需重复填写  //spbill_create_ip已填,商户无需重复填写  //sign已填,商户无需重复填写  $unifiedorder->tparameter("openid",$openid);//商品描述  $unifiedorder->tparameter("body","贡献一分钱");//商品描述  //自定义订单号，此处仅作举例  $timestamp = time();  $out_trade_no = c('wxpayconf_pub.appid').$timestamp;  $unifiedorder->tparameter("out_trade_no",$out_trade_no);//商户订单号  $unifiedorder->tparameter("total_fee","1");//总金额  $unifiedorder->tparameter("notify_url",c('wxpayconf_pub.notify_url'));//通知地址  $unifiedorder->tparameter("trade_type","jsapi");//交易类型  //非必填参数，商户可根据实际情况选填  //$unifiedorder->tparameter("sub_mch_id","xxxx");//子商户号  //$unifiedorder->tparameter("device_info","xxxx");//设备号  //$unifiedorder->tparameter("attach","xxxx");//附加数据  //$unifiedorder->tparameter("time_start","xxxx");//交易起始时间  //$unifiedorder->tparameter("time_expire","xxxx");//交易结束时间  //$unifiedorder->tparameter("goods_tag","xxxx");//商品标记  //$unifiedorder->tparameter("openid","xxxx");//用户标识  //$unifiedorder->tparameter("product_id","xxxx");//商品id    $prepay_id = $unifiedorder->getprepayid();  //=========步骤3：使用jsapi调起支付============  $jsapi->tprepayid($prepay_id);    $jsapiparameters = $jsapi->getparameters();    $this->a第二阶段总结ssign('jsapiparameters',$jsapiparameters);  $this->display('pay');  //echo $jsapiparameters; }

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

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

 public function notify() {  //使用通用通知接口  $notify = new \notify_pub();    //存储微信的回调  $xml = $globals['http_raw_post_data'];  $notify->savedata($xml);    //验证签名，并回应微信。  //对后台通知交互时，如果微信收到商户的应答不是成功或超时，微信认为通知失败，  //微信会通过一定的策略（如30分钟共8次）定期重新发起通知，  //尽可能提高通知的成功率，但微信不保证通知最终能成功。  if($notify->checksign() == fal){   $notify->treturnparameter("return_code","fail");//返回状态码   $notify->treturnparameter("return_msg","签名失败");//返回信息  }el{   $notify->treturnparameter("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");   }   elif($notify->data["result_code"] == "fail"){    //此处应该更新一下订单状态，商户自行增删操作    log_result($log_name,"【业务出错】:\n".$xml."\n");   }   el{    //此处应该更新一下订单状态，商户自行增删操作    log_result($log_name,"【支付成功】:\n".$xml."\n");   }     //商户自行增加处理流程,   //例如：更新订单状态   //例如：数据库操作   //例如：推送支付完成信息  } }

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

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); fclo($fp);}

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

<!doctype html><html><head> <meta http-equiv="content-type" content="text/html;chart=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 callp叶公好龙的道理ay()  {   if (typeof weixinjsbridge == "undefined"){    if( document.addeventlistener ){     document.addeventlistener('weixinjsbridgeready', jsapicall, fal);    }el if (document.attachevent){     document.attachevent('weixinjsbridgeready', jsapicall);      document.attachevent('onweixinjsbridgeready', jsapicall);    }   }el{    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()" >贡献一下</button> </div></body></html>

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

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

点击修改进入配置：

好了，可以测试了：下面是我的测试截图：

用微信扫描二维码

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

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

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

微信支付教程扫码模式一：

微信支付教程扫码模式二：

微信支付教程刷卡支付：

更多关于thinkphp相关内容感兴趣的读者可查看本站专题：《thinkphp入门教程》、《thinkphp模板操作技巧总结》、《thinkphp常用方法总结》、《codeigniter入门教程》、《ci(codeigniter)框架进阶教程》、《zend framework框架入门教程》及《php模板技术总结》。

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