1. 官方微信支付文檔 https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_1

2. 下載php版本demo
   
   3.后端具體調(diào)用代碼如下：

   我們提供的服務(wù)有：成都網(wǎng)站設(shè)計、成都做網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、膠州ssl等。為成百上千家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的膠州網(wǎng)站制作公司

   
   GetOpenid();
       $config = new \WxPayConfig();
       $input = new \WxPayUnifiedOrder();
       $input->SetBody($goods);     //商品名稱
       $input->SetAttach($attach);     //附加參數(shù),可填可不填,填寫的話,里邊字符串不能出現(xiàn)空格
       $input->SetOut_trade_no($order_sn);   //訂單號
       $input->SetTotal_fee($total_fee * 100);   //支付金額,單位:分
       $input->SetTime_start(date("YmdHis"));  //支付發(fā)起時間
       $input->SetTime_expire(date("YmdHis", time() + 600));//支付超時
       $input->SetGoods_tag("test3");
       //$input->SetNotify_url("http://".$_SERVER['HTTP_HOST']."/payment.php"); //支付回調(diào)驗證地址
       $input->SetNotify_url("http://".$_SERVER['HTTP_HOST']."/web/payment/notify/WeixinPay/notify");
       $input->SetTrade_type("JSAPI");    //支付類型
       $input->SetOpenid($openId);     //用戶openID
       $order = \WxPayApi::unifiedOrder($config,$input); //統(tǒng)一下單
       // dump($order);exit;
       $jsApiParameters = $tools->GetJsApiParameters($order);
       return $jsApiParameters;
   }

}

    $pay = new \app\common\library\Pay();
    $res = $pay->wxpay($this->openid,'開通會員',$order['order_no'],$order['money']);

4.前端js核心代碼如下：

    function jsApiCall(data,id)
    {
        data = JSON.parse(data);
        WeixinJSBridge.invoke(
        'getBrandWCPayRequest', data,
            function(res){
                WeixinJSBridge.log(res.err_msg);
                if(res.err_msg == "get_brand_wcpay_request:ok"){
                    layer.msg('支付成功', {time: 2500}, function () {
                        location.href = "{:url('xxx/xxx')}";
                    });
                }else if(res.err_msg == "get_brand_wcpay_request:cancel"){
                    layer.msg("支付取消！", {time: 1800});
                }else{
                    layer.msg("支付失??！", {time: 1800});
                }
            }
        );
    }
    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();
        }
    }
    $('.see_price').click(function() {
        index = layer.load(1, {shade: [0.1,'#fff'] });
        var $id = $(this).attr('name');
        $.ajax({
                type: 'post', //可選get
                url: '{:url("xxx/xxx")}', //這里是接收數(shù)據(jù)的PHP程序
                data: 'id='+$id, //傳給PHP的數(shù)據(jù)，多個參數(shù)用&連接
                dataType: 'Json', //服務(wù)器返回的數(shù)據(jù)類型 可選XML ,Json jsonp script html text等
                success: function(msg) {
                    if (msg.code == '200') {
                        layer.close(index);
                        jsApiCall(msg.info);
                    } else {
                        layer.close(index);
                        layer.msg(msg.message, {time: 1800});
                    }
                },
                error: function() {
                    layer.close(index);
                    layer.msg("提交失敗！", {time: 1800});
                }
            });
    });