微信JSSDK開發,呼叫微信掃一掃 JAVA & jsp前端 & js實現
阿新 • • 發佈:2019-02-10
// 微信JSSDK的AccessToken請求URL地址 ublic final static String weixin_jssdk_acceToken_url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=公眾號appid&secret=眾號appsecret; // 微信JSSDK的ticket請求URL地址 public final static String weixin_jssdk_ticket_url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi";
/** * 獲取微信JSSDK的access_token * @author Benson */ public static String getJSSDKAccessToken() { String returnString=""; String requestUrl = weixin_jssdk_acceToken_url; JSONObject jsonObject = httpRequest(requestUrl, "GET", null); //Http GET請求 // 如果請求成功 if (null != jsonObject) { try { returnString=jsonObject.getString("access_token"); } catch (JSONException e) { returnString = null; } } return returnString; } /** * 獲取微信JSSDK的ticket * @author Benson */ public static String getJSSDKTicket(String access_token) { String returnString=""; String requestUrl = weixin_jssdk_ticket_url.replace("ACCESS_TOKEN", access_token); JSONObject jsonObject = httpRequest(requestUrl, "GET", null); // 如果請求成功 if (null != jsonObject) { try { returnString=jsonObject.getString("ticket"); } catch (JSONException e) { returnString = null; } } return returnString; }
//獲取微信JSSDK簽名,用於呼叫微信掃一掃,返回對應資料
@Override public Map getSignture(HttpServletRequest request,ModelAndView mav) { String js_accessToken = WeixinUtil.getJSSDKAccessToken(); //獲取微信jssdk---access_token String jsapi_ticket = WeixinUtil.getJSSDKTicket(js_accessToken); //獲取微信jssdk---ticket System.out.println("jsapi_ticket==="+jsapi_ticket); //獲取完整的URL地址 String fullPath=BasePath.getFullPath(request); Map data = WxJSsign.sign(jsapi_ticket, fullPath); mav.addObject("timestamp", data.get("timestamp")); mav.addObject("nonceStr", data.get("nonceStr")); mav.addObject("signature", data.get("signature")); return data; }
//JSP頁面 放置3個隱藏的input 獲取時間戳,簽名等資訊
<input type="hidden" id="timestamp" value="${timestamp}"/>
<input type="hidden" id="nonceStr" value="${nonceStr}"/>
<input type="hidden" id="signature" value="${signature}"/>
var timestamp = $("#timestamp").val();//時間戳
var nonceStr = $("#nonceStr").val();//隨機串
var signature = $("#signature").val();//簽名
wx.config({
debug: false, // 開啟除錯模式,呼叫的所有api的返回值會在客戶端alert出來,若要檢視傳入的引數,可以在pc端開啟,引數資訊會通過log打出,僅在pc端時才會列印。
appId: '公眾號ID', // 必填,公眾號的唯一標識
timestamp: timestamp, // 必填,生成簽名的時間戳
nonceStr: nonceStr, // 必填,生成簽名的隨機串
signature: signature,// 必填,簽名,見附錄1
jsApiList: ['scanQRCode'] // 必填,需要使用的JS介面列表,所有JS介面列表見附錄2
});
//點選掃描按鈕,掃描二維碼並返回結果
document.querySelector('#scanQRCode').onclick = function () {
wx.scanQRCode({
needResult: 1,
desc: 'scanQRCode desc',
success: function (res) {
//掃碼後獲取結果引數:htpp://xxx.com/c/?6123,擷取到url中的防偽碼後,賦值給Input
var url = res.resultStr;
var tempArray = url.split('?');
var tempNum = tempArray[1];
$("#id_securityCode_input").val(tempNum);
}
});
};
//演示結果“