java實(shí)現(xiàn)微信公眾號(hào)掃一掃
本文實(shí)例為大家分享了微信公眾號(hào)掃一掃的具體代碼,供大家參考,具體內(nèi)容如下
步驟
根據(jù)微信JS-JDK文檔說(shuō)明,實(shí)現(xiàn)掃一掃主要有以下幾大步驟:
- 綁定域名
- 引入JS文件
- 通過(guò)config接口注入權(quán)限驗(yàn)證配置
- 通過(guò)ready接口處理成功驗(yàn)證
- 通過(guò)error接口處理失敗驗(yàn)證
綁定域名
在JS接口安全域名填入域名,注意不帶http,如圖:

引入JS文件
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
通過(guò)config接口注入權(quán)限驗(yàn)證配置
$.ajax({
url: "${pageContext.request.contextPath}/wechat/jsapisign",
type: "post",
data: {
url: location.href.split('#')[0]
},
contentType: 'application/x-www-form-urlencoded;charset=utf-8',
async: true,
success: function (data) {
wx.config({
debug: false,
appId: data.appid, // 必填,公眾號(hào)的唯一標(biāo)識(shí)
timestamp: data.timestamp, // 必填,生成簽名的時(shí)間戳
nonceStr: data.nonceStr, // 必填,生成簽名的隨機(jī)串
signature: data.signature,// 必填,簽名,見(jiàn)附錄1
jsApiList: ["scanQRCode"] // 必填,需要使用的JS接口列表,所有JS接口列表見(jiàn)附錄2
});
}
});
微信jsapi驗(yàn)簽
public Map<String, String> jsApiSign(String url) {
Map<String, String> ret = new HashMap<String, String>(16);
String nonce_str = CheckUtil.create_nonce_str();
String timestamp = CheckUtil.create_timestamp();
String string1;
String signature = "";
String jsapi_ticket = wechatAccessTokenService.getJsApiTicket();
//注意這里參數(shù)名必須全部小寫(xiě),且必須有序
string1 = "jsapi_ticket=" + jsapi_ticket +
"&noncestr=" + nonce_str +
"×tamp=" + timestamp +
"&url=" + url;
logger.info("jsApiSign===" + string1);
try {
MessageDigest crypt = MessageDigest.getInstance("SHA-1");
crypt.reset();
crypt.update(string1.getBytes("UTF-8"));
signature = CheckUtil.byteToHex(crypt.digest());
} catch (NoSuchAlgorithmException | UnsupportedEncodingException e) {
e.printStackTrace();
}
ret.put("appid", appid);
ret.put("url", url);
ret.put("jsapi_ticket", jsapi_ticket);
ret.put("nonceStr", nonce_str);
ret.put("timestamp", timestamp);
ret.put("signature", signature);
logger.info("jsApiSign===url=" + url + "==jsapi_ticket" + jsapi_ticket + "==nonce_str" + nonce_str + "==timestamp" + timestamp + "==signature" + signature);
return ret;
}
public String getJsApiTicket() {
AugeWechatAccessToken wechatAccesstoken = augeWechatAccessTokenMapper.selectByPrimaryKey(jsApiTicketId);
logger.info("getJsApiTicket===" + wechatAccesstoken.getAccessToken());
if (Strings.isNullOrEmpty(wechatAccesstoken.getAccessToken()) || wechatAccesstoken.getExpiresIn() - 100 * 1000 < System.currentTimeMillis()) {
//空或者過(guò)期,刷新
return refreshJsApiTicket();
} else {
return wechatAccesstoken.getAccessToken();
}
}
Controller層代碼
@RequestMapping(value = "/jsapisign", method = {RequestMethod.GET, RequestMethod.POST}, produces = MEDIATYPE_CHARSET_JSON_UTF8)
@ResponseBody
public String jsApiSign(String url) {
//添加微信js簽名信息
Map<String, String> signMap = wechatService.jsApiSign(url);
return JSON.toJSONString(signMap);
}
前臺(tái)JSP頁(yè)面完整代碼
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="zh-CN">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=320.1,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
<head>
<base href="<%=basePath%>" rel="external nofollow" >
<title>掃碼還書(shū)</title>
<link rel="stylesheet" />
<script src="http://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="../../../resources/css/bookdetail.css" rel="external nofollow" >
</head>
<body>
<div class="wrap" style="width: 100% ;height: 100%">
<img src="../../../resources/images/borrow/return.png" alt="" style="width: 100% ;height: 75%">
<div style="text-align: center; background-color: #f5f5f5; ">
<img src="../../../resources/images/borrow/scanReturn.png" alt="" style="width: 40% ;height: 25%;" id="scanQRCode1">
</div>
</div>
<script type="text/javascript">
$.ajax({
url: "${pageContext.request.contextPath}/wechat/jsapisign",
type: "post",
data: {
url: location.href.split('#')[0]
},
contentType: 'application/x-www-form-urlencoded;charset=utf-8',
async: true,
success: function (data) {
wx.config({
debug: false,
appId: data.appid, // 必填,公眾號(hào)的唯一標(biāo)識(shí)
timestamp: data.timestamp, // 必填,生成簽名的時(shí)間戳
nonceStr: data.nonceStr, // 必填,生成簽名的隨機(jī)串
signature: data.signature,// 必填,簽名,見(jiàn)附錄1
jsApiList: ["scanQRCode"] // 必填,需要使用的JS接口列表
});
}
});
wx.ready(function () {
// 9.1.2 掃描二維碼并返回結(jié)果
document.querySelector('#scanQRCode1').onclick = function () {
wx.scanQRCode({
needResult: 1,
desc: 'scanQRCode desc',
success: function (res) {
//掃碼后獲取結(jié)果參數(shù)賦值給Input
var url = res.resultStr;
//商品條形碼,取","后面的
if (url.indexOf(",") >= 0) {
var tempArray = url.split(',');
var barCode = tempArray[1];
window.location. + barCode + "&response_type=code&scope=snsapi_base&state=BINDFACE#wechat_redirect";
} else {
alert("請(qǐng)對(duì)準(zhǔn)條形碼掃碼!");
}
}
});
};
});
//初始化jsapi接口 狀態(tài)
wx.error(function (res) {
alert("調(diào)用微信jsapi返回的狀態(tài):" + res.errMsg);
});
</script>
</body>
</html>
注:開(kāi)發(fā)中容易出現(xiàn)的有signature驗(yàn)簽錯(cuò)誤,我們可以透過(guò)前后端url一致性來(lái)判斷。其次就是注意有時(shí)候的錯(cuò)誤是由于accessToken沒(méi)有刷新的緣故,需要重新刷新。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- 微信公眾號(hào)開(kāi)發(fā)之設(shè)置自定義菜單實(shí)例代碼【java版】
- java開(kāi)發(fā)微信公眾號(hào)支付
- java微信公眾號(hào)開(kāi)發(fā)案例
- java微信公眾號(hào)開(kāi)發(fā)(搭建本地測(cè)試環(huán)境)
- Java微信公眾號(hào)開(kāi)發(fā)之通過(guò)微信公眾號(hào)獲取用戶(hù)信息
- 微信公眾號(hào)開(kāi)發(fā)之回復(fù)圖文消息java代碼
- 詳細(xì)Java批量獲取微信公眾號(hào)方法
- java微信公眾號(hào)支付開(kāi)發(fā)之現(xiàn)金紅包
- Java版微信公眾號(hào)支付開(kāi)發(fā)全過(guò)程
- Java實(shí)現(xiàn)微信公眾號(hào)自定義菜單的創(chuàng)建方法示例
相關(guān)文章
springboot?集成activemq項(xiàng)目配置方法
這篇文章主要介紹了springboot?集成activemq項(xiàng)目配置方法,e-car項(xiàng)目配置通過(guò)引入activemq依賴(lài),本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2024-04-04
郵件收發(fā)原理你了解嗎? 郵件發(fā)送基本過(guò)程與概念詳解(一)
你真的了解郵件收發(fā)原理嗎?這篇文章主要為大家詳細(xì)介紹了郵件發(fā)送基本過(guò)程與概念,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-10-10
Java項(xiàng)目中如何訪問(wèn)WEB-INF下jsp頁(yè)面
這篇文章主要介紹了Java項(xiàng)目中如何訪問(wèn)WEB-INF下jsp頁(yè)面,文章通過(guò)示例代碼和圖文解析介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
Springmvc ResponseBody響應(yīng)json數(shù)據(jù)實(shí)現(xiàn)過(guò)程
這篇文章主要介紹了Springmvc ResponseBody響應(yīng)json數(shù)據(jù)實(shí)現(xiàn)過(guò)程,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-10-10
SpringMvc切換Json轉(zhuǎn)換工具的操作代碼
SpringBoot切換使用goolge的Gson作為SpringMvc的Json轉(zhuǎn)換工具,本文給大家講解SpringMvc切換Json轉(zhuǎn)換工具的操作代碼,感興趣的朋友一起看看吧2024-02-02
java項(xiàng)目jar包與jdk的版本不兼容的問(wèn)題解決
這篇文章主要介紹了java項(xiàng)目jar包與jdk的版本不兼容的問(wèn)題解決,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10
java自定義類(lèi)加載器如何實(shí)現(xiàn)類(lèi)隔離
這篇文章主要介紹了java自定義類(lèi)加載器如何實(shí)現(xiàn)類(lèi)隔離問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-11-11
通過(guò)代碼示例了解submit與execute的區(qū)別
這篇文章主要介紹了通過(guò)代碼示例了解submit與execute的區(qū)別,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-09-09
基于java流實(shí)現(xiàn)壓縮圖片過(guò)程解析
這篇文章主要介紹了基于java流實(shí)現(xiàn)壓縮圖片過(guò)程解析,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-10-10
Mybatis之映射實(shí)體類(lèi)中不區(qū)分大小寫(xiě)的解決
這篇文章主要介紹了Mybatis之映射實(shí)體類(lèi)中不區(qū)分大小寫(xiě)的解決,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2021-11-11

