微信公众号调起扫码功能

偶然接触到了公众号开发。说需要调起微信扫一扫。便查看了公众号开发文档

看完文档后，发现js是相对简单的。唯一的难点是在java后台编写的秘钥生成代码。

也就是说。首先需要获取access_token，然后在根据access_token生成签名并返回。

以下是代码

    private static String GAPPID = "XXXXXXXXX";private static String GSECRET = "XXXXXXXXXXXXXX";private static String GRANTTYPE2 = "client_credential";// 获取 access-token 的@RequestMapping("/api/wx/getWxJsKey")@ResponseBodypublic String getWxJsKey(HttpServletRequest request) {HttpSession session = request.getSession();Map<String, Object> map = new HashMap<>();map.put("code", "1");map.put("errorMsg", "请求成功");String access_token = null;String jsapi_ticket = null;String timestamp = Long.toString(System.currentTimeMillis() / 1000);String noncestr = UUID.randomUUID().toString();System.out.println("timestamp:" + timestamp);System.out.println("noncestr:" + noncestr);// 获取 access_token{Object val = session.getAttribute("wx_access_token");if (val == null) {String requestUrl = "https://api.weixin.qq.com/cgi-bin/token?grant_type="+ GRANTTYPE2 + "&appid=" + GAPPID + "&secret="+ GSECRET;JSONObject json = CommonUtil.httpsRequest(requestUrl, "GET",null);logger.info(json);access_token = json.getString("access_token");session.setAttribute("wx_access_token", access_token);session.setMaxInactiveInterval(7200);} else {access_token = val.toString();}}// 获取 ticket{Object val = session.getAttribute("jsapi_ticket");if (val == null) {String requestUrl = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token="+ access_token + "&type=jsapi";JSONObject json = CommonUtil.httpsRequest(requestUrl, "GET",null);jsapi_ticket = json.getString("ticket");session.setAttribute("jsapi_ticket", jsapi_ticket);session.setMaxInactiveInterval(7200);} else {jsapi_ticket = val.toString();}System.out.println("jsapi_ticket:" + jsapi_ticket);}// 签名String jsKey = new StringBuffer()//.append("jsapi_ticket=").append(jsapi_ticket)//.append("&noncestr=").append(noncestr)//.append("&timestamp=").append(timestamp).append("&url=")//.append("https://hktest.ricepon.com/member-web/preOrderMeal/html/pre_order_meal.html")//.toString();// 加密 生成签名jsKey = DigestUtils.shaHex(jsKey);// 返回值Map<String, Object> param = new HashMap<>();param.put("jsKey", jsKey);param.put("timestamp", timestamp);param.put("noncestr", noncestr);param.put("appId", GAPPID);map.put("data", param);return JSONObject.fromObject(map).toString();}

然后在js中用ajax请求接口，处理即可。

var jsKey, noncestr, timestamp, appId, ajaxHeader = {};$(document).ready(function () {//组装头部信息ajaxHeader = {Accept: "application/json; charset=utf-8",}// 获取 秘钥$.ajax({url: "../api/wx/getWxJsKey",type: "POST",headers: ajaxHeader,success: function (res) {if (res.code == 1) {var data = res.data;jsKey = data.jsKey; // 签名noncestr = data.noncestr; // 随机字符串timestamp = data.timestamp; // 时间戳appId = data.appId; // 小程序apIdwx.config({debug: false,appId: appId,timestamp: timestamp,nonceStr: noncestr,signature: jsKey,jsApiList: ['scanQRCode']})} else {layer.msg(res.errorMsg);}},error: function (res) {layer.msg('error');layer.msg(res);}})
});wx.error(function (res) {layer.msg(res.errorMsg);
});wx.ready(function () {wx.checkJsApi({jsApiList: ['scanQRCode'],success: function (res) {}});
});//调起扫码
function openScanDialog() {wx.scanQRCode({needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，scanType: ["qrCode", "barCode"], // 可以指定扫二维码还是一维码，默认二者都有success: function (res) {//自行处理}});
}

就是这样！

微信公众号调起扫码功能相关推荐

微信公众号拉取扫码功能
点击扫码按钮拉取微信扫码 // 扫码添加设备goAddEquipment() {const wx = window.wxlet _this = this// wx.ready(function() { ...
JS_微信公众号开发调用扫码支付功能
需要在公众号里面切入扫码功能前端代码: <!DOCTYPE html> <html> <head lang="en"><meta cha ...
微信小程序调起扫码功能
场景:在微信小程序中使用扫码功能,对扫描的物品进行识别处理 1.先随便定义一个点击调起扫码的元素 <view bindtap="tapScan">扫码</view ...
使用vue+weixin-js-sdk实现公众号页面的扫码功能
vue+barcode 实现app端的扫码功能同样的,详细的api文档描述可以看微信官方文档,这里就简单列一下用到的点. 1.引入weixin-js-sdk 依赖 vue全局使用 npm insta ...
微信公众号调起扫一扫扫码
开发文档 https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html 引入js文件方法1:引入 <scri ...
关于微信公众号开发中扫码关注和关注之后继续扫码的不同点
2019独角兽企业重金招聘Python工程师标准>>> 开发微信商城,当遇到需要绑定上下级关系的时候,会通过扫码的方式关注公众号,但是如果不想做这个人的下级,后台添加解绑功能,继续扫 ...
微信公众号开发之扫码支付
此项目已开源欢迎Start.PR.发起Issues一起讨论交流共同进步 https://github.com/Javen205/IJPay http://git.oschina.net/javen20 ...
以后的blog将转移到微信公众号，请扫码关注谢谢！
微信扫码登录，微信公众号生成二维码，关注登录nodejs+vue
微信公众号生成二维码,关注后扫码登录技术栈为nodejs+vue 有不懂的可以加我微信yizheng369 1.效果初始: 关注后: 2.源码此项目为前后端分离项目,前后端代码都在这个仓库里, ...

微信公众号调起扫码功能

微信公众号调起扫码功能相关推荐

最新文章

热门文章