<template>
  <a class="btn" @click="scan">掃一掃</a>
</template>

wx.config({
  debug: true, // 開啟調(diào)試模式,調(diào)用的所有api的返回值會(huì)在客戶端alert出來，若要查看傳入的參數(shù)，可以在pc端打開，參數(shù)信息會(huì)通過log打出，僅在pc端時(shí)才會(huì)打印。
  appId: '', // 必填，公眾號(hào)的唯一標(biāo)識(shí)
  timestamp: , // 必填，生成簽名的時(shí)間戳，精確到秒
  nonceStr: '', // 必填，生成簽名的隨機(jī)串
  signature: '',// 必填，簽名
  jsApiList: [] // 必填，需要使用的JS接口列表，例如：['chooseImage','previewImage','uploadImage']
})

wx.ready(function(){
 
  // config信息驗(yàn)證后會(huì)執(zhí)行ready方法，所有接口調(diào)用都必須在config接口獲得結(jié)果之后，
   config是一個(gè)客戶端的異步操作，所以如果需要在頁面加載時(shí)就調(diào)用相關(guān)接口，則須把相關(guān)接口放在ready函數(shù)中調(diào)用來確保正確執(zhí)行。對(duì)于用戶觸發(fā)時(shí)才調(diào)用的接口，則可以直接調(diào)用，不需要放在ready函數(shù)中。
});

export default {
		data() {
			return {
				
			}
		},
		methods: {
			init(){
				let url = location.href.split('#')[0];//這里的參數(shù)fullUrl是當(dāng)前頁面的完整url(除去#后面部分)
				this.$axios.get("/api/wx/jsdk/config",{params:{
					url:url
				}}).then(res => {
					if(res.success){
						window.wx.config({
						  debug: false,
						  appId: res.data.appId, // 必填,公眾號(hào)的唯一標(biāo)識(shí)
						  timestamp: res.data.timeSpan, // 必填,生成簽名的時(shí)間戳
						  nonceStr: res.data.nonceStr, // 必填,生成簽名的隨機(jī)串
						  signature: res.data.sinature, // 必填,簽名
						  jsApiList: ['checkJsApi', 'scanQRCode'] // 必填,需要使用的JS接口列表
						})
					}else{
						alert(res.msg);
					}
				})
			},
			scan(){
				window.wx.ready(function() {
					wx.checkJsApi({
						 jsApiList : ['scanQRCode'],
						 success : function(res) {
							if (res.checkResult.scanQRCode === true) {
								 wx.scanQRCode({ // 微信掃一掃接口
								  needResult: 1, // 默認(rèn)為0，掃描結(jié)果由微信處理，1則直接返回掃描結(jié)果，
								  scanType: ['qrCode', 'barCode'], // 可以指定掃二維碼還是一維碼，默認(rèn)二者都有
								  success: function (res) {
										let result = res.resultStr // 當(dāng)needResult 為 1 時(shí)，掃碼返回的結(jié)果
										window.location.href = result;//此處掃碼結(jié)果直接跳轉(zhuǎn)鏈接
								 }
							 })
							} else {
							  alert('抱歉，當(dāng)前客戶端版本不支持掃一掃')
							}
							
						 },
						 
						 fail: function (res) { // 檢測(cè)getNetworkType該功能失敗時(shí)處理
						  alert('fail' + res)
						 }
						
					});
				});
				
				window.wx.error(function(res) {
					alert("出錯(cuò)了：" + res.errMsg);//這個(gè)地方的好處就是wx.config配置錯(cuò)誤，會(huì)彈出窗口哪里錯(cuò)誤，然后根據(jù)微信文檔查詢即可。
				});
					
			}
		},
		mounted() {
			this.init();
		}
	}