微信服务号调用扫一扫接口和拍照上传接口

冷不防 2022-05-11 08:54 228阅读 0赞

一.引入js

二.java后端发送授权参数

//1、时间戳和随机字符串  
    String noncestr = UUID.randomUUID().toString().replace("-", "").substring(0, 16);//随机字符串  
    String timestamp = String.valueOf(System.currentTimeMillis() / 1000);//时间戳 
    //2、获取url  
    String rurl = request.getRequestURL().toString();
    if (StringUtils.isNotEmpty(request.getQueryString()))
        rurl += "?" + request.getQueryString();
    //3、获取jsapiTicket
    String jsapiTicket = super.getJsapiTicket();
    //4、将参数排序并拼接字符串  
    String str = "jsapi_ticket="+jsapiTicket+"&noncestr="+noncestr+"&timestamp="+timestamp+"&url="+rurl;  
    //5、将字符串进行sha1加密  
    String signature =super.SHA1(str);  
    mav.addObject("signature", signature);
    mav.addObject("nonceStr", noncestr);
    mav.addObject("timestamp", timestamp);
    mav.addObject("appId",getCorpId());

三.配置需要用到的功能

$(function(){
        doConfig();//配置功能
    });
    function doConfig(){
        	var timestamp = $("#timestamp").val();//时间戳
    		var nonceStr = $("#nonceStr").val();//随机串
    		var signature = $("#signature").val();//签名
    		var appId = $("#appId").val();//公众号的唯一标识
    		wx.config({
    		      debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    		      appId: appId+'', // 必填，公众号的唯一标识
    		      timestamp: timestamp, // 必填，生成签名的时间戳
    		      nonceStr: nonceStr+'', // 必填，生成签名的随机串
    		      signature: signature+'',// 必填，签名，见附录1
    		      jsApiList: [	
    			        //扫码权限
    		      		'scanQRCode' ,
                        //拍照权限
    		      		'chooseImage', 
                        //预览图片权限
    					'previewImage',  
                        //上传图片权限
    					'uploadImage',  
                        //下载图片权限
    					'downloadImage'
    		      ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
    		  });
    	  	  wx.error(function(res){
    			  configSuccess = false;
    		      // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
    		  });
    		  // 执行了doConfi之后执行的回调函数，进行定位
    		  wx.ready(function(){
    			  configSuccess = true;
    			  // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
    		  });
        }

三.在需要用到的地方调用