jsapi微信支付

JSAPI微信支付

引用jsjavascript

<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){

        }

    });