微信公众号支付

作为一个新手,第一次需要完成线上支付,我选择使用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);
        }
    }

 

微信公众号支付

上一篇:导出微信群中的联系人的备注


下一篇:微信小程序开发(3) 热门电影