微信扫一扫调用

1去微信公众平台配置

2 controller中的方法 (没有工具类的参考我另一篇)https://blog.csdn.net/qq_42917455/article/details/97751644

/**
     * 调用微信二维码的方法
     * @param request
     * @return
     * @throws Exception
     */
    @GetMapping("getWechatSign")
    public String getWechatSign(HttpServletRequest request) throws Exception {
        String accessToken = WeiXinUtil.getAccessToken();
        String ticket = WeiXinUtil.getJsTicket(accessToken);
        String url = request.getParameter("url");
        Map<String, String> sign = SignUtil.sign(ticket, url);
        sign.put("appId", APPID);
        return com.alibaba.fastjson.JSONObject.toJSONString(sign);
    }

3 前端调用后台的方法实现扫一扫 (记得引入微信的js 如下)

<script type="text/javascript" src="http://res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script>

var _data = {
	url: location.href.split('#')[0],
	t: Math.random()
};
// 获取微信签名
		$.ajax({
			url: "请求后台签名校验的路劲",
			data: _data,
			method: "GET",
			contentType: 'application/json;charset=utf-8',
			success: function(o) {
				var data = JSON.parse(o);
				wxConfig(data.timestamp, data.nonceStr, data.signature, data.appId);
			},
			error: function(err) {
				console.log("签名错误")
			}
		});

function wxConfig(_timestamp, _nonceStr, _signature, _appId) {
	wx.config({
		debug: false, // 开启调试模式
		appId: _appId, // 必填,公众号的唯一标识
		timestamp: _timestamp, // 必填,生成签名的时间戳
		nonceStr: _nonceStr, // 必填,生成签名的随机串
		signature: _signature, // 必填,签名,
		jsApiList: ['checkJsApi', 'scanQRCode','chooseImage','uploadImage','downloadImage','getLocalImgData']
		// 必填,需要使用的JS接口列表,
	});
	//调用微信扫一扫
	$("#saoyisao").click(function() {
		//调用微信扫一扫
		wx.scanQRCode({
			needResult: 1,
			scanType: ["qrCode", "barCode"],
			success: function(res) {
                //获取的值
				var result = res.resultStr;
				
			}
		})
	})
}

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在HTML页面中调用微信扫一扫功能,需要使用微信提供的JS-SDK。具体步骤如下: 1. 在HTML页面中引入微信JS-SDK的代码库,可以通过以下方式引入: ```html <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> ``` 2. 在微信开放平台上申请开通JS-SDK权限,并获取到appId、timestamp、nonceStr、signature等参数。 3. 在HTML页面中准备一个按钮或者其他元素,用于触发扫一扫功能。例如: ```html <button id="scanQRCodeBtn">扫一扫</button> ``` 4. 在JS代码中调用微信JS-SDK提供的`wx.scanQRCode`方法,打开扫一扫界面。例如: ```javascript wx.config({ // 配置参数 appId: '你的appId', timestamp: '生成签名的时间戳', nonceStr: '生成签名的随机字符串', signature: '签名', jsApiList: ['scanQRCode'] // 需要使用的JS接口列表 }); wx.ready(function() { // 配置成功后执行的回调函数 document.querySelector('#scanQRCodeBtn').onclick = function() { wx.scanQRCode({ needResult: 1, scanType: ['qrCode', 'barCode'], success: function(res) { // 扫描成功后的回调函数,res.resultStr为扫描结果 console.log(res.resultStr); }, fail: function(res) { // 扫描失败后的回调函数 console.log(res); } }); }; }); ``` 以上代码中,`wx.config`方法用于配置参数,`wx.ready`方法用于在配置成功后执行的回调函数中调用`wx.scanQRCode`方法。`needResult`参数表示是否需要返回扫描结果,`scanType`参数表示扫描的类型,`success`和`fail`参数分别表示扫描成功和扫描失败后的回调函数。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值