微信公众号支付

时间 2019-11-17

标签微信公众号支付繁體版

原文原文链接

http://www.upwqy.com/details/8.htmlphp

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

而后就是完成支付须要的步骤：前端

1 获取位置支付所须要的配置信息数据库

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

若是没有正式帐号可使用测试帐号：https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/loginjson

2 获取openid api

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

这里获取仍是有点不太明白，我在网上查了好多，都说是在关注公众号的时候把这个openid 存入数据库，但是在这里我使用的手机号注册，怎么样才能把本身帐号在关注事件获取到openid时绑定在一块儿存储到数据库，这里不太明白，因此我就是在进入公众号页面时调用一次，在登陆后获取openid 在存入数据库中，和用户绑定在一块儿微信

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

这里就是须要在构建订单数据，好比说，想要买图书，构建购买图书的订单数据，订单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);
        }
    }