微信公众号支付

Posted 2020-09-17 wqy的笔记

作为一个新手，第一次需要完成线上支付，我选择使用demo中的例子，在tp5 框架中直接加载要使用的类。

然后就是完成支付需要的步骤：

1 获取位置支付所需要的配置信息

    const APPID = ‘你的appid‘;
    const MCHID = ‘商户号‘;
    const KEY =       ‘商户支付密钥‘;
    const APPSECRET = ‘公众帐号secert‘;    

如果没有正式账号 可以使用测试账号：https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login

2 获取openid 

//加载必要的类 
 $tools = new \JsApiPay();
 $openId = $tools->GetOpenid();

这里获取还是有点不太明白，我在网上查了好多，都说是在关注公众号的时候把这个openid 存入数据库，可是在这里我使用的手机号注册，怎么样才能把自己账号在关注事件获取到openid时绑定在一起存储到数据库，这里不太明白，所以我就是在进入公众号页面时调用一次，在登录后获取openid 在存入数据库中，和用户绑定在一起

3 调用统一下单接口  生成订单

这里就是需要在构建订单数据，比如说，想要买图书，构建购买图书的订单数据，订单ID 图书金额等

然后就是调用接口，我这里还是使用demo中的类，加载必要类

//②、统一下单
            $input = new \WxPayUnifiedOrder();
            $input->SetBody($body);
            $input->SetAttach($attach);
            $input->SetOut_trade_no($trade_no);
            $input->SetTotal_fee($total*100);
            $input->SetTime_start($start);
            $input->SetTime_expire($expire);
//        $input->SetGoods_tag("test");
            $input->SetNotify_url("http://blog.upwqy.com/wxpay/example/notify.php");
            $input->SetTrade_type("JSAPI");
            $input->SetOpenid($openId);
            $order = \WxPayApi::unifiedOrder($input);

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

ps:统一下单这里 支付金额不能是sting类型的  整型和浮点型的数据才可以

这里面的参数查看一下官方文档就知道什么意思了。这里就不赘述了。

统一下单接口：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=9_1

 

4 H5页面调起微信支付api

下面是官方文档给的方法：

function onBridgeReady(){
   WeixinJSBridge.invoke(
       ‘getBrandWCPayRequest‘, 
//这里的数据就是统一下单步骤中返回的  $jsApiParameters     {

"appId":"wx2421b1c4370ec43b",     //公众号名称，由商户传入     
           "timeStamp":"1395712654",         //时间戳，自1970年以来的秒数     
           "nonceStr":"e61463f8efa94090b1f366cccfbbb444", //随机串     
           "package":"prepay_id=u802345jgfjsdfgsdg888",     
           "signType":"MD5",         //微信签名方式：     
           "paySign":"70EA570631E4BB79628FBCA90534C63FF7FADD89" //微信签名 
       },


       function(res){     
           if(res.err_msg == "get_brand_wcpay_request:ok" ) {}     // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。 
       }
   ); 
}
if (typeof WeixinJSBridge == "undefined"){
   if( document.addEventListener ){
       document.addEventListener(‘WeixinJSBridgeReady‘, onBridgeReady, false);
   }else if (document.attachEvent){
       document.attachEvent(‘WeixinJSBridgeReady‘, onBridgeReady); 
       document.attachEvent(‘onWeixinJSBridgeReady‘, onBridgeReady);
   }
}else{
   onBridgeReady();
}

我们这里需要处理一下  

在点击支付以后，首先

异步调用统一下单方法，获取需要的参数  

$.post("调用统一下单方法的链接,异步调用",data,function (res) {

                if(res.error_code == 0){
                  //获取成功时，把获取到的json字符串转成json对象 
                    callpay($.parseJSON(res.info.jsparam));
                }else {
                    layer.msg(res.msg);
                }
            });

获取到参数以后 调起微信支付jsapi 就可以支付了

//调用微信JS api 支付
    function jsApiCall(jsapi)
    {
        WeixinJSBridge.invoke(
                ‘getBrandWCPayRequest‘,
                jsapi,
                function(res){
                    WeixinJSBridge.log(res.err_msg);
                    if(res.err_msg == "get_brand_wcpay_request:ok" ){
                        $("#paybtn").attr("disabled", true);
                        window.location.href = "{:url(‘weixin/user/orderpage‘)}";
                    }
//                    alert(res.err_code+res.err_desc+res.err_msg);
                }
        );
    }


    function callpay(jsapi)
    {
        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(jsapi);
        }
    }