在Thinkphp中微信公众号JsApi支付

由于网站使用的微信Native扫码支付，现在公众号需要接入功能，怎么办呢，看这官方文档，参考着demo进行写吧。直接进入正题

进入公众号（服务号）设置--->功能设置--->网页授权域名配置好需要进行支付的页面，支持配置根目录。这一步是为了获取用户的openid。

进入微信商户平台(pay.weixin.qq.com)设置JSAPI支付支付目录，设置路径：商户平台-->产品中心-->开发配置。配置好之后便可以开始着手进行开发，当你看到官方文档的业务流程当中的业务流程时序图的时候，我相信你是一脸懵逼，腾讯的什么都好，就开发文档容易让人给看晕，不过已经算方便了。

由于之前写得一个功能，在用户点击进入页面的时候已经获取用户的信息，并存入到session中，因此下面的代码中的openid直接从session获取。

接下来下载官方demo(https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=11_1)，这里下载php，放到extend目录下，目录结构为

核心代码便是lib文件夹下的类库，example中有官方demo，可以直接进行改写。

文件已经引入，着手实现支付功能，在控制器写index方法

 public function index()

     {

         if (IS_POST) {

             include(ROOT_PATH.'extend/Wxpay/lib/WxPay.Api.php');

             include(ROOT_PATH.'extend/Wxpay/example/WxPay.JsApiPay.php');

             // include(ROOT_PATH.'extend/Wxpay/example/WxPay.config.php');

             include(ROOT_PATH.'extend/Wxpay/example/log.php');

             try{

                 $tools = new \JsApiPay();

                 $openId = session('openid');//这里是之前获取到的openid并存入session，直接从session获取，否则为以下两句

                 /*$tools = new JsApiPay();

                 $openId = $tools->GetOpenid();*/

                 //②、统一下单

                 $input = new \WxPayUnifiedOrder();

                 $input->SetBody("在线支付");

                 $input->SetAttach("在线支付");

                 $input->SetOut_trade_no($data["orderid"]);

                 $input->SetTotal_fee($data["pricetotal"]*100);

                 $input->SetTime_start(date("YmdHis"));

                 $input->SetTime_expire(date("YmdHis", time() + 600));

                 $input->SetGoods_tag("test");

                 $http_type = ((isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] == 'on') || (isset($_SERVER['HTTP_X_FORWARDED_PROTO']) && $_SERVER['HTTP_X_FORWARDED_PROTO'] == 'https')) ? 'https://' : 'http://';

                 //echo $http_type . $_SERVER['HTTP_HOST'];

                 $input->SetNotify_url($http_type . $_SERVER['HTTP_HOST']."/index.php/Payoff/Wxpay/notifyurl.html");//notify是接收异步通知的页面，可以进行业务逻辑处理

                 $input->SetTrade_type("JSAPI");

                 $input->SetOpenid($openId);

                 $config = new \WxPayConfig();

                 $order = \WxPayApi::unifiedOrder($config, $input);

                 $jsApiParameters = $tools->GetJsApiParameters($order);

                 //获取共享收货地址js函数参数

                 $editAddress = $tools->GetEditAddressParameters();

             } catch(Exception $e) {

                 Log::ERROR(json_encode($e));

             }

             $this->assign('data', $data);

             $this->assign('jsApi', $jsApiParameters);

             $this->display();

         }

         else

         {

             E("Access Denied");

         }

     }

在视图文件中根据自己需要，下面随便写的demo

<form id="thisform" action="#"  method="post">

                            订单号：{$data['orderid']}<input type="hidden"  name="orderid" class="form-control" id="orderid" value="{$orderid}"><br><br>

                            金额：{$data['pricetotal']} 元<input type="hidden" name="money" class="form-control" id="goodprice" value="50"><br><br>

                            <div align="center">

                                <button style="width:210px; height:50px; border-radius: 15px;background-color:#FE6714; border:0px #FE6714 solid; cursor: pointer;  color:white;  font-size:16px;" type="button" onclick="callpay()" >立即支付</button>

                            </div>

                        </form>

                        <script type="text/javascript">

                            //调用微信JS api 支付

                            function jsApiCall()

                            {

                                WeixinJSBridge.invoke(

                                    'getBrandWCPayRequest',

                                    {$jsApi},

                                    function(res){

                                        WeixinJSBridge.log(res.err_msg);

                                        alert(res.err_code+res.err_desc+res.err_msg);

                                    }

                                );

                            }

                            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>

这里直接用的是官方demo的JS,没有修改，可以根据获取的支付结果做相应的业务逻辑处理。至此便成功调起手机微信端支付，可以根据demo处理自己的业务逻辑。

巴特西

在Thinkphp中微信公众号JsApi支付

最新文章

热门文章