jsapi微信支付

JSAPI微信支付

引用js

<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>

第一种 只能在微信里和ios里能调起(不支持在安卓的企业微信中调起)

let nonceStr=randomString(32);
let times=getTime();
let packages="prepay_id="+message.prepay_id;

//配置完成之后,我们就可以在下面的函数中调用微信支付接口了。
//微信签名,自行编写函数
let signobj={};
signobj['appId']=message.appid;
signobj['timestamp']=times.toString();
signobj['nonceStr']=nonceStr;
signobj['package']=packages;
signobj['signType']="MD5";
//console.log(signobj)
let createvalue=createSignObj(signobj);
let keyvalue=createvalue['keyvalue'];
//微信支付v2
pay();

function onBridgeReady(){
    WeixinJSBridge.invoke(
        'getBrandWCPayRequest', {
           "appId" : message.appid,     //公众号名称,由商户传入
            "timeStamp":times.toString(),         //时间戳,自1970年以来的秒数
            "nonceStr" : nonceStr, //随机串
            "package" : packages,
            "signType" : "MD5",         //微信签名方式:
            "paySign" : keyvalue //微信签名
       },
        function(res){
            alert(JSON.stringify(res))
            //console.log(res)
           /* if(res.err_code==0){
                alert(JSON.stringify(res))
                //支付成功之后的回调
                
            }else{
                //支付失败之后的回调
            }*/
       }
   );
 }
function pay(){
    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();
     }
 }

第二种 在企业微信的页面中可以调起支付页面

//微信支付v3
//config中的值必须由后台传回来(仅限我自己写的~)
wx.config({
    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
    appId: message.appid, // 必填,公众号的唯一标识
    timestamp:signdata.timestamp , // 必填,生成签名的时间戳
    nonceStr: signdata.noncestr, // 必填,生成签名的随机串
    signature: signdata.sign,// 必填,签名,见附录1
    jsApiList: ['chooseWXPay'], // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
});

//配置完成之后,我们就可以在下面的函数中调用微信支付接口了。
let nonceStr=randomString(32);
let times=getTime();
let packages="prepay_id="+message.prepay_id;
let signobj={};
signobj['timestamp']=times.toString();
signobj['nonceStr']=nonceStr;
signobj['package']=packages;
signobj['signType']="MD5";
//console.log(signobj)
let createvalue=createSignObj(signobj);
let keyvalue=createvalue['keyvalue'];
wx.ready(function() {
    wx.chooseWXPay({
        timestamp: times.toString(), // 支付签名时间戳,注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
        nonceStr: nonceStr, // 支付签名随机串,不长于 32 位
        package: packages, // 统一支付接口返回的prepay_id参数值,提交格式如:prepay_id=***)
        signType: 'MD5', // 签名方式,默认为'SHA1',使用新版支付需传入'MD5'
        paySign: keyvalue, // 支付签名
        success: function (res) {
            // 支付成功后的回调函数
            //alert(JSON.stringify(res))
        },
        fail: function (e) {
            //alert(JSON.stringify(e))
        },
        cancel:function(e){

        }

    });
上一篇:vue3加vite 添加环境变量


下一篇:微信js-sdk开发获取签名和获取地理位置接口示例