vue 微信支付

 vue中使用 微信支付的一個公用方法，只需要傳入相應參數即可

//微信支付方法（點擊按鍵調用）
let wx = require('weixin-js-sdk');
/*
微信支付方法
獲取微信加簽信息
@param{data}:獲取的微信加簽
@param{cb}:成功回調
*/
let wexinPay = (data,cb,errorCb) => {
  let appId = data.appId;
  let timestamp = data.timeStamp;
  let nonceStr = data.nonceStr;
  let signature = data.signature;
  let packages = data.package;
  let paySign = data.paySign;
  wx.config({
    debug: false, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數，可以在pc端打開，參數信息會通過log打出，僅在pc端時才會打印。
    appId: appId, // 必填，公眾號的唯一標識
    timestamp: timestamp, // 必填，生成簽名的時間戳
    nonceStr: nonceStr, // 必填，生成簽名的隨機串
    signature: signature, // 必填，簽名，見附錄1
    jsApiList: ['chooseWXPay'] // 必填，需要使用的JS接口列表，所有JS接口列表見附錄2
  });
  wx.ready(function(){
    wx.chooseWXPay({
      timestamp: timestamp, // 支付簽名時間戳，注意微信jssdk中的所有使用timestamp字段均為小寫。但最新版的支付后台生成簽名使用的timeStamp字段名需大寫其中的S字符
      nonceStr: nonceStr, // 支付簽名隨機串，不長於 32 位
      package: packages, // 統一支付接口返回的prepay_id參數值，提交格式如：prepay_id=***）
      signType: 'MD5', // 簽名方式，默認為'SHA1'，使用新版支付需傳入'MD5'
      paySign: paySign, // 支付簽名
      success: function(res) {
        // 支付成功后的回調函數
        cb(res);
      },
      fail:function(res){
        errorCb(res);
      }
    });
  });
  wx.error(function(res) {
    // config信息驗證失敗會執行error函數，如簽名過期導致驗證失敗，具體錯誤信息可以打開config的debug模式查看，也可以在返回的res參數中查看，對於SPA可以在這里更新簽名。
    /*alert("config信息驗證失敗");*/
  });
}
export default wexinPay;