資訊專欄INFORMATION COLUMN
使用 weixin-java-tools 完成公眾端喚起微信掃一掃
如果沒有引入相關的jar 可以查看之前的文章 點我
Java代碼 使用 wxMpService 很方便獲取一些微信需要的參數
@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("獲取微信配置失敗");
}
}
前端拿到對象后直接塞到配置中
// 這里是加載事件，加載的時候取獲取參數
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;
}
})
//點擊事件時 填充config 并且調用掃一掃
$("#item1 ul").on("tap",".border-orange",function(){
// 這里是個坑 ，config 一定是在參數存在后才加載，不然會出錯。這里把config 放在點擊事件里 而獲取參數是在加載時完成的
wx.config({
debug: true, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數，可以在pc端打開，參數信息會通過log打出，僅在pc端時才會打印。
appId: data.appId, // 必填，公眾號的唯一標識
timestamp: data.timestamp, // 必填，生成簽名的時間戳
nonceStr: data.nonceStr, // 必填，生成簽名的隨機串
signature: data.signature,// 必填，簽名，見附錄1
jsApiList: [
"checkJsApi",
"startRecord",
"stopRecord",
"translateVoice",
"scanQRCode",// 微信掃一掃接口
"openCard"
] // 必填，需要使用的JS接口列表，所有JS接口列表見附錄2
});
//這里是喚醒掃一掃的代碼
wx.ready(function() {
wx.scanQRCode({
needResult : 1, // 默認為0，掃描結果由微信處理，1則直接返回掃描結果，
scanType : [ "qrCode","barCode"], // 可以指定掃二維碼還是一維碼，默認二者都有
success : function(res) {
var result = res.resultStr;
// result 為掃描結果
alert(result);
},
error : function(){
//console.log("123");
alert("錯誤")
}
});
});
})
掃一掃完成。
好記性不如爛筆頭記錄下代碼和坑...
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/77253.html
摘要：處理自己的邏輯四重點來了，解決微信無效的問題使用的網友都知道，路由上帶有做路由的跳轉，而在發過去做微信驗證的的時候，會被干掉，最終導致簽名無效。 一，先登陸微信公眾號后臺綁定js安全域名，不需要加http或https，詳情百度。 二、信公眾號后臺設置服務器的IP為白名單，否則無法獲取access_token，詳情百度 三、引入wx-js-sdk 1.使用script標簽 http://...
摘要：處理自己的邏輯四重點來了，解決微信無效的問題使用的網友都知道，路由上帶有做路由的跳轉，而在發過去做微信驗證的的時候，會被干掉，最終導致簽名無效。 一，先登陸微信公眾號后臺綁定js安全域名，不需要加http或https，詳情百度。 二、信公眾號后臺設置服務器的IP為白名單，否則無法獲取access_token，詳情百度 三、引入wx-js-sdk 1.使用script標簽 http://...
摘要：處理自己的邏輯四重點來了，解決微信無效的問題使用的網友都知道，路由上帶有做路由的跳轉，而在發過去做微信驗證的的時候，會被干掉，最終導致簽名無效。 一，先登陸微信公眾號后臺綁定js安全域名，不需要加http或https，詳情百度。 二、信公眾號后臺設置服務器的IP為白名單，否則無法獲取access_token，詳情百度 三、引入wx-js-sdk 1.使用script標簽 http://...
閱讀 1113·2021-09-22 15:37
閱讀 1138·2021-09-13 10:27
閱讀 2479·2021-08-25 09:38
閱讀 2453·2019-08-26 11:42
閱讀 1535·2019-08-26 11:39
閱讀 1563·2019-08-26 10:58
閱讀 2326·2019-08-26 10:56
閱讀 2575·2019-08-23 18:08
