微信支付JSAPI支付

https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect 若提示“该连接没法访问”，请检查参数是否填写错误，是否拥有scope参数对应的受权做用域权限。

wx.config({
    debug: true, // 开启调试模式,调用的全部api的返回值会在客户端alert出来，若要查看传入的参数，能够在pc端打开，参数信息会经过log打出，仅在pc端时才会打印。
    appId: '', // 必填，公众号的惟一标识
    timestamp: , // 必填，生成签名的时间戳
    nonceStr: '', // 必填，生成签名的随机串
    signature: '',// 必填，签名
    jsApiList: [] // 必填，须要使用的JS接口列表
});

wx.chooseWXPay({
timestamp: 0, // 支付签名时间戳，注意微信jssdk中的全部使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
nonceStr: '', // 支付签名随机串，不长于 32 位
package: '', // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=\*\*\*）
signType: '', // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
paySign: '', // 支付签名
success: function (res) {
// 支付成功后的回调函数
}
});

var appid = 'appid';//appid为公众号appid
var local = window.location.href ;//当前跳转路径
var code = getParam('code');//获取地址栏参数code
if (code === null || code === '') { 
    // 跳转至受权地址，该地址只支持微信浏览器打开
       location.replace("https://open.weixin.qq.com/connect/oauth2/authorize?appid=" + appid + "&redirect_uri=" + encodeURIComponent(local) + "&response_type=code&scope=snsapi_base#wechat_redirect")
}else{
     getOpenId(code);//拿到了code 找后台换取openid
}
//为避免网页受权会刷新界面，ios微信浏览器会出现白条切换按钮会致使支付出错 ，建议将以上方法写在首页中，不要写在支付页面
getConfig（）//受权方法应放在支付页面加载的时候。进入支付页面就执行受权
wx.chooseWXPay({  //此方法应放在调用后台统一下单接口成功后回调里面，接口返回  timeStamp，nonceStr，package，paySign等参数
    timestamp: res.data.timeStamp, 
    nonceStr: res.data.nonceStr, 
    package: res.data.package,
    signType: 'MD5', 
    paySign: res.data.paySign, 
    appId:res.data.appId,  //此参数可不用
    success: function (r) {
     // 支付成功后的回调函数  
     　　if (r.errMsg == "chooseWXPay:ok") {  
          //支付成功  
    　　　　} else {  
        　　　　location.reload();//支付失败 刷新界面
      　　}  
　　},
　　cancel: function(r) {  
        //支付取消  
   }  
});
//如下方法能够放在common.js中
//获取地址栏 指定参数名参数
function GetQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
    var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配
    var context = ""; 
    if (r != null) 
       context = r[2]; 
    reg = null; 
    r = null;
    return context == null || context == "" || context == "undefined" ? "" : context; 
}
function getOpenId(code) {//咱们公司获取openid接口
    $.ajax({
        type: "POST",
        url: window.baseurl+"/miniprogram/user/getOpenId?code="+code+"&type=2",//1 微信 2公众号
        cache: false,
        processData: false,
        contentType: false,
        dataType: "json",
        success: function (res) {
            if (res.msgCode==0) {//成功
                localStorage.setItem('openId',res.data.openid)//将openid存入缓存
            } else {
                // alert('openid获取失败')
            }
        },
        error: function (res) {

        },
    })
}


function getConfig(){
    //获取后台签名，向微信获取受权 
    $.ajax({
        type: "POST",
        url: window.baseurl+"/miniprogram/user/getTicket",
        data:{"url":location.href.split("#")[0]},
        dataType: "json",
        success: function (data) {
            if (data.msgCode==0) {//成功
                wxConfig(data.data.timestamp,data.data.nonceStr,data.data.signature)
            } else {
                
            }
        },
        error: function (res) {
          
        },
        
    })
}
//获取微信受权
function wxConfig(Timestamp,NonceStr,Signature){
    //经过config接口注入权限验证配置
    wx.config({
        debug: false, // 开启调试模式,调用的全部api的返回值会在客户端alert出来，若要查看传入的参数，能够在pc端打开，参数信息会经过log打出，仅在pc端时才会打印。
        appId: 'wx840b32f985622d8e', // 必填，公众号的惟一标识
        timestamp: Timestamp, // 必填，生成签名的时间戳
        nonceStr: NonceStr, // 必填，生成签名的随机串
        signature: Signature,// 必填，签名
        jsApiList: ['chooseWXPay','scanQRCode'] // 必填，须要使用的JS接口列表 这里是使用的是微信支付接口
    });
    //经过ready接口处理成功验证
    wx.ready(function(){
        console.log('ready接口处理成功验证')
       
    });
    //经过error接口处理失败验证
    wx.error(function(res){
        console.log('error接口处理失败验证')
    });
}