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中，这一步大家可以随意<?php <br /> return array(<br>     //'配置项'=>'配置值'<br>     define('WEB_HOST', '这是您的网站域名地址'),<br>     /*微信支付配置*/<br>     'WxPayConf_pub'=>array(<br>         'APPID' => '您的APPID',<br>         'MCHID' => '您的商户ID',<br>         'KEY' => '商户秘钥',<br>         'APPSECRET' => '您的APPSECRET',<br>         'JS_API_CALL_URL' => WEB_HOST.'/index.php/Home/WxJsAPI/jsApiCall',<br>         'SSLCERT_PATH' => WEB_HOST.'/ThinkPHP/Library/Vendor/WxPayPubHelper/cacert/apiclient_cert.pem',<br>         'SSLKEY_PATH' => WEB_HOST.'/ThinkPHP/Library/Vendor/WxPayPubHelper/cacert/apiclient_key.pem',<br>         'NOTIFY_URL' =>  WEB_HOST.'/index.php/Home/WxJsAPI/notify',<br>         'CURL_TIMEOUT' => 30<br>     )<br> );step3:将生成二维码的js放在Public目录下（这里目前用不到，在用扫码支付的情况才用到这个js），将日志文件放在Public目录下：像我这样：

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

下面是控制器的代码部分了，首先初始化控制器，将WxPayPubHelper导入/**<br>      * 初始化<br>      */<br>     public function _initialize()<br>     {<br>         //引入WxPayPubHelper<br>         vendor('WxPayPubHelper.WxPayPubHelper');<br>     }接下来是使用统一支付接口，获取prepay_id的方法： public function jsApiCall()<br>     {<br>         //使用jsapi接口<br>         $jsApi = new \JsApi_pub();<br>         <br>         //=========步骤1：网页授权获取用户openid============<br>         //通过code获得openid<br>         if (!isset($_GET['code']))<br>         {<br>             //触发微信返回code码<br>             $url = $jsApi->createOauthUrlForCode(C('WxPayConf_pub.JS_API_CALL_URL'));<br>             Header("Location: $url");<br>         }else<br>         {<br>             //获取code码，以获取openid<br>             $code = $_GET['code'];<br>             $jsApi->setCode($code);<br>             $openid = $jsApi->getOpenId();<br>         }<br>         <br>         //=========步骤2：使用统一支付接口，获取prepay_id============<br>         //使用统一支付接口<br>         $unifiedOrder = new \UnifiedOrder_pub();<br>         <br>         //设置统一支付接口参数<br>         //设置必填参数<br>         //appid已填,商户无需重复填写<br>         //mch_id已填,商户无需重复填写<br>         //noncestr已填,商户无需重复填写<br>         //spbill_create_ip已填,商户无需重复填写<br>         //sign已填,商户无需重复填写<br>         $unifiedOrder->setParameter("openid",$openid);//商品描述<br>         $unifiedOrder->setParameter("body","贡献一分钱");//商品描述<br>         //自定义订单号，此处仅作举例<br>         $timeStamp = time();<br>         $out_trade_no = C('WxPayConf_pub.APPID').$timeStamp;<br>         $unifiedOrder->setParameter("out_trade_no",$out_trade_no);//商户订单号<br>         $unifiedOrder->setParameter("total_fee","1");//总金额<br>         $unifiedOrder->setParameter("notify_url",C('WxPayConf_pub.NOTIFY_URL'));//通知地址<br>         $unifiedOrder->setParameter("trade_type","JSAPI");//交易类型<br>         //非必填参数，商户可根据实际情况选填<br>         //$unifiedOrder->setParameter("sub_mch_id","XXXX");//子商户号<br>         //$unifiedOrder->setParameter("device_info","XXXX");//设备号<br>         //$unifiedOrder->setParameter("attach","XXXX");//附加数据<br>         //$unifiedOrder->setParameter("time_start","XXXX");//交易起始时间<br>         //$unifiedOrder->setParameter("time_expire","XXXX");//交易结束时间<br>         //$unifiedOrder->setParameter("goods_tag","XXXX");//商品标记<br>         //$unifiedOrder->setParameter("openid","XXXX");//用户标识<br>         //$unifiedOrder->setParameter("product_id","XXXX");//商品ID<br>         <br>         $prepay_id = $unifiedOrder->getPrepayId();<br>         //=========步骤3：使用jsapi调起支付============<br>         $jsApi->setPrepayId($prepay_id);<br>         <br>         $jsApiParameters = $jsApi->getParameters();<br>         <br>         $this->assign('jsApiParameters',$jsApiParameters);<br>         $this->display('pay');<br>         //echo $jsApiParameters;<br>     }这里都是复制微信demo的，改改名字罢了，没什么其他的

接下来是异步通知方法，也是复制的微信demo上的 public function notify()<br>     {<br>         //使用通用通知接口<br>         $notify = new \Notify_pub();<br>         <br>         //存储微信的回调<br>         $xml = $GLOBALS['HTTP_RAW_POST_DATA'];<br>         $notify->saveData($xml);<br>         <br>         //验证签名，并回应微信。<br>         //对后台通知交互时，如果微信收到商户的应答不是成功或超时，微信认为通知失败，<br>         //微信会通过一定的策略（如30分钟共8次）定期重新发起通知，<br>         //尽可能提高通知的成功率，但微信不保证通知最终能成功。<br>         if($notify->checkSign() == FALSE){<br>             $notify->setReturnParameter("return_code","FAIL");//返回状态码<br>             $notify->setReturnParameter("return_msg","签名失败");//返回信息<br>         }else{<br>             $notify->setReturnParameter("return_code","SUCCESS");//设置返回码<br>         }<br>         $returnXml = $notify->returnXml();<br>         echo $returnXml;<br>         <br>         //==商户根据实际情况设置相应的处理流程，此处仅作举例=======<br>         <br>         //以log文件形式记录回调信息<br> //         $log_ = new Log_();<br>         $log_name= __ROOT__."/Public/notify_url.log";//log文件路径<br>         <br>         log_result($log_name,"【接收到的notify通知】:\n".$xml."\n");<br>         <br>         if($notify->checkSign() == TRUE)<br>         {<br>             if ($notify->data["return_code"] == "FAIL") {<br>                 //此处应该更新一下订单状态，商户自行增删操作<br>                 log_result($log_name,"【通信出错】:\n".$xml."\n");<br>             }<br>             elseif($notify->data["result_code"] == "FAIL"){<br>                 //此处应该更新一下订单状态，商户自行增删操作<br>                 log_result($log_name,"【业务出错】:\n".$xml."\n");<br>             }<br>             else{<br>                 //此处应该更新一下订单状态，商户自行增删操作<br>                 log_result($log_name,"【支付成功】:\n".$xml."\n");<br>             }<br>         <br>             //商户自行增加处理流程,<br>             //例如：更新订单状态<br>             //例如：数据库操作<br>             //例如：推送支付完成信息<br>         }<br>     }这里我把记录日志的类写到了function.php中：function  log_result($file,$word)<br> {<br>     $fp = fopen($file,"a");<br>     flock($fp, LOCK_EX) ;<br>     fwrite($fp,"执行日期：".strftime("%Y-%m-%d-%H：%M：%S",time())."\n".$word."\n\n");<br>     flock($fp, LOCK_UN);<br>     fclose($fp);<br> }好了 其实控制器的方法就这么多，没什么其他的了，下面看一下页面，直接上代码吧：nbsp;html><br> <br> <br>     <meta> <br>     <title>微信安全支付</title> <br> <br>     <script><br /> <br /> //调用微信JS api 支付<br /> function jsApiCall()<br /> {<br /> WeixinJSBridge.invoke(<br /> &#039;getBrandWCPayRequest&#039;,<br /> <?php echo $jsApiParameters; ?>,<br /> function(res){<br /> WeixinJSBridge.log(res.err_msg);<br /> alert(res.err_code+res.err_desc+res.err_msg);<br /> //alert("{$jsApiParameters}");<br /> }<br /> );<br /> }<br /> <br /> function callpay()<br /> {<br /> if (typeof WeixinJSBridge == "undefined"){<br /> if( document.addEventListener ){<br /> document.addEventListener(&#039;WeixinJSBridgeReady&#039;, jsApiCall, false);<br /> }else if (document.attachEvent){<br /> document.attachEvent(&#039;WeixinJSBridgeReady&#039;, jsApiCall); <br /> document.attachEvent(&#039;onWeixinJSBridgeReady&#039;, jsApiCall);<br /> }<br /> }else{<br /> jsApiCall();<br /> }<br /> }<br /> </script><br> <br> <br>     <br>     <div> <br>         <button>贡献一下</button><br>     </div> <br> <br> 无须改动什么，直接复制就好


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

好了，可以测试了：下面是我的测试截图：
用微信扫描二维码


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

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

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

微信支付教程扫码模式一：
http://www.thinkphp.cn/code/1322.html
微信支付教程扫码模式二：
http://www.thinkphp.cn/code/1323.html
微信支付教程刷卡支付：
http://www.thinkphp.cn/code/1324.html
欢迎大家吐槽，转载请说明出处，请支持原创，谢谢！
我们的微信开发群：422579975(已满) 105195188(未满)，代码已放在群文件中
欢迎大家加入讨论问题

AD：真正免费，域名+虚机+企业邮箱=0元