資訊專欄INFORMATION COLUMN
使用 weixin-java-tools 完成公眾端喚起微信掃一掃
如果沒有引入相關(guān)的jar 可以查看之前的文章 點(diǎn)我
Java代碼 使用 wxMpService 很方便獲取一些微信需要的參數(shù)
@Autowired
private WxMpService wxMpService;
@GetMapping(path = "scannerQrcode")
public Result scannerQrcode(HttpServletRequest request) {
try {
String url = request.getHeader("referer");
WxJsapiSignature jsapiSignature = wxMpService.createJsapiSignature(url);
return Result.success(jsapiSignature);
} catch (Exception e) {
e.printStackTrace();
return Result.error("獲取微信配置失敗");
}
}
前端拿到對(duì)象后直接塞到配置中
// 這里是加載事件，加載的時(shí)候取獲取參數(shù)
var data = {};
$.ajax({
type : "get",
url : globalUrl+"/wechatScanne/scannerQrcode",
data : {},
dataType : "json",
beforeSend: function (xhr) {
xhr.setRequestHeader("token", $.cookie("token"));
},
crossDomain: true,
success:function (res) {
data=res.data;
}
})
//點(diǎn)擊事件時(shí) 填充config 并且調(diào)用掃一掃
$("#item1 ul").on("tap",".border-orange",function(){
// 這里是個(gè)坑 ，config 一定是在參數(shù)存在后才加載，不然會(huì)出錯(cuò)。這里把config 放在點(diǎn)擊事件里 而獲取參數(shù)是在加載時(shí)完成的
wx.config({
debug: true, // 開啟調(diào)試模式,調(diào)用的所有api的返回值會(huì)在客戶端alert出來，若要查看傳入的參數(shù)，可以在pc端打開，參數(shù)信息會(huì)通過log打出，僅在pc端時(shí)才會(huì)打印。
appId: data.appId, // 必填，公眾號(hào)的唯一標(biāo)識(shí)
timestamp: data.timestamp, // 必填，生成簽名的時(shí)間戳
nonceStr: data.nonceStr, // 必填，生成簽名的隨機(jī)串
signature: data.signature,// 必填，簽名，見附錄1
jsApiList: [
"checkJsApi",
"startRecord",
"stopRecord",
"translateVoice",
"scanQRCode",// 微信掃一掃接口
"openCard"
] // 必填，需要使用的JS接口列表，所有JS接口列表見附錄2
});
//這里是喚醒掃一掃的代碼
wx.ready(function() {
wx.scanQRCode({
needResult : 1, // 默認(rèn)為0，掃描結(jié)果由微信處理，1則直接返回掃描結(jié)果，
scanType : [ "qrCode","barCode"], // 可以指定掃二維碼還是一維碼，默認(rèn)二者都有
success : function(res) {
var result = res.resultStr;
// result 為掃描結(jié)果
alert(result);
},
error : function(){
//console.log("123");
alert("錯(cuò)誤")
}
});
});
})
掃一掃完成。
好記性不如爛筆頭記錄下代碼和坑...
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/77253.html
摘要：處理自己的邏輯四重點(diǎn)來了，解決微信無效的問題使用的網(wǎng)友都知道，路由上帶有做路由的跳轉(zhuǎn)，而在發(fā)過去做微信驗(yàn)證的的時(shí)候，會(huì)被干掉，最終導(dǎo)致簽名無效。 一，先登陸微信公眾號(hào)后臺(tái)綁定js安全域名，不需要加http或https，詳情百度。 二、信公眾號(hào)后臺(tái)設(shè)置服務(wù)器的IP為白名單，否則無法獲取access_token，詳情百度 三、引入wx-js-sdk 1.使用script標(biāo)簽 http://...
摘要：處理自己的邏輯四重點(diǎn)來了，解決微信無效的問題使用的網(wǎng)友都知道，路由上帶有做路由的跳轉(zhuǎn)，而在發(fā)過去做微信驗(yàn)證的的時(shí)候，會(huì)被干掉，最終導(dǎo)致簽名無效。 一，先登陸微信公眾號(hào)后臺(tái)綁定js安全域名，不需要加http或https，詳情百度。 二、信公眾號(hào)后臺(tái)設(shè)置服務(wù)器的IP為白名單，否則無法獲取access_token，詳情百度 三、引入wx-js-sdk 1.使用script標(biāo)簽 http://...
摘要：處理自己的邏輯四重點(diǎn)來了，解決微信無效的問題使用的網(wǎng)友都知道，路由上帶有做路由的跳轉(zhuǎn)，而在發(fā)過去做微信驗(yàn)證的的時(shí)候，會(huì)被干掉，最終導(dǎo)致簽名無效。 一，先登陸微信公眾號(hào)后臺(tái)綁定js安全域名，不需要加http或https，詳情百度。 二、信公眾號(hào)后臺(tái)設(shè)置服務(wù)器的IP為白名單，否則無法獲取access_token，詳情百度 三、引入wx-js-sdk 1.使用script標(biāo)簽 http://...
閱讀 1104·2021-09-22 15:37
閱讀 1131·2021-09-13 10:27
閱讀 2466·2021-08-25 09:38
閱讀 2445·2019-08-26 11:42
閱讀 1524·2019-08-26 11:39
閱讀 1554·2019-08-26 10:58
閱讀 2317·2019-08-26 10:56
閱讀 2569·2019-08-23 18:08
