// npm install weixin-js-sdk
import wx from "weixin-js-sdk";

wexinPay(data, cb, errorCb) {
  //獲取后臺(tái)傳入的數(shù)據(jù)
  let appId = data.appId;
  let timestamp = data.timeStamp;
  let nonceStr = data.nonceStr;
  let signature = data.signature;
  let packages = data.package;
  let paySign = data.paySign;
  let signType = data.signType;
  console.log('發(fā)起微信支付')
  //下面要發(fā)起微信支付了
  wx.config({
   debug: false, // 開(kāi)啟調(diào)試模式,調(diào)用的所有api的返回值會(huì)在客戶端alert出來(lái)，若要查看傳入的參數(shù)，可以在pc端打開(kāi)，參數(shù)信息會(huì)通過(guò)log打出，僅在pc端時(shí)才會(huì)打印。
   appId: appId, // 必填，公眾號(hào)的唯一標(biāo)識(shí)
   timestamp: timestamp, // 必填，生成簽名的時(shí)間戳
   nonceStr: nonceStr, // 必填，生成簽名的隨機(jī)串
   signature: signature, // 必填，簽名，見(jiàn)附錄1
   jsApiList: ['chooseWXPay'] // 必填，需要使用的JS接口列表，所有JS接口列表見(jiàn)附錄2
  });
  wx.ready(function () {
   wx.chooseWXPay({
    timestamp: timestamp, // 支付簽名時(shí)間戳，注意微信jssdk中的所有使用timestamp字段均為小寫。但最新版的支付后臺(tái)生成簽名使用的timeStamp字段名需大寫其中的S字符
    nonceStr: nonceStr, // 支付簽名隨機(jī)串，不長(zhǎng)于 32 位
    package: packages, // 統(tǒng)一支付接口返回的prepay_id參數(shù)值，提交格式如：prepay_id=***）
    signType: signType, // 簽名方式，默認(rèn)為'SHA1'，使用新版支付需傳入'MD5'
    paySign: paySign, // 支付簽名
    success: function (res) {
     // 支付成功后的回調(diào)函數(shù)
     cb(res);
    },
    fail: function (res) {
     //失敗回調(diào)函數(shù)
     errorCb(res);
    }
   });
  });
  wx.error(function (res) {
   // config信息驗(yàn)證失敗會(huì)執(zhí)行error函數(shù)，如簽名過(guò)期導(dǎo)致驗(yàn)證失敗，具體錯(cuò)誤信息可以打開(kāi)config的debug模式查看，也可以在返回的res參數(shù)中查看，對(duì)于SPA可以在這里更新簽名。
   /*alert("config信息驗(yàn)證失敗");*/
  });
 }

 //請(qǐng)求后臺(tái)接口獲取數(shù)據(jù) 準(zhǔn)備進(jìn)行微信支付 
  that.axios.post("user/recommend", data).then(res => {
  //成功狀態(tài)下 
  if (res.data.status) {
   // 存儲(chǔ)微信支付數(shù)據(jù)data
   let data = res.data.data;
   console.log("即將跳轉(zhuǎn)微信支付");
   //函數(shù)為分裝過(guò)得 (就是調(diào)用微信支付)
   http.wexinPay(
   {
    appId: data.appId,
    nonceStr: data.nonceStr,
    package: data.package,
    paySign: data.paySign,
    signType: data.signType,
    timeStamp: data.timeStamp
   },
   //成功回調(diào)函數(shù)
   res => {
    that.$router.push({ path: "/vip" });
   }
   );
  } 
  else {
   that.$message.error(res.data.message);
 }
});