微信公众号调用拍照，相册上传出现config:invalid signature的解决方法

最新推荐文章于 2023-01-04 11:35:59 发布

态度-责任

最新推荐文章于 2023-01-04 11:35:59 发布

阅读量1.2k

点赞数

分类专栏： js SpringMVC 文章标签：微信公众号 js

本文链接：https://blog.csdn.net/u010544643/article/details/86062888

版权

js 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

SpringMVC

3 篇文章 0 订阅

订阅专栏

最近解决了微信公众号拍照上传图片的时候出现config:invalid signature的问题。
首先确认是否获取到了各个参数的值后台代码如下：

@RequestMapping("/paipai/code")
	public void paipai(HttpServletRequest request,HttpServletResponse response) throws Exception{
		String code = request.getParameter("code");
		String state = request.getParameter("state");
		StringBuffer urlPrixx = request.getRequestURL();;
		System.out.println("params:"+jsonConverter.toJsonString(request.getParameterMap()));
		Map<String,Object> map = new HashMap<String, Object>();
		if(StringUtils.isNotEmpty(code)){
			try {
				WxMpService wxMpService = new WxMpServiceImpl();
				Integer id = Integer.valueOf(state);
				WxMpInMemoryConfigStorage con = getConfig(id,wxMpService);
				WxMpOAuth2AccessToken wxToken = wxMpService.oauth2getAccessToken(code);
				System.out.println("wxToken:"+jsonConverter.toJsonString(wxToken));
				String openId = wxToken.getOpenId();
				if(StringUtils.isNotEmpty(openId)){					
					map.put("userOpenId", openId);
					map.put("gzh", id);//
					String url = parameterSource.getString("redirect.uri")+"?code="+code+"&state="+state;
					WxJsapiSignature js = buildJsApi(url,id,wxMpService,con);
					map.put("jsapi", js);				   
				}
			} catch (WxErrorException e) {
				e.printStackTrace();
			}
		}
		System.out.println("map>>>>"+jsonConverter.toJsonString(map));
		render.render(response, map);
	}

然后js代码获取各个参数

$.get(contextPath + "/paipai/code.do", {
   		code : wxCode,
   		state : wxState
   	}, function(res) {
   		var userOpenId = res.userOpenId;
   		var jsappid = res.jsapi.appid;
   		var noncestr = res.jsapi.noncestr;
   		var timestamp = res.jsapi.timestamp;
   		var signature = res.jsapi.signature;
   		var jsurl = res.jsapi.url;
   		var gzh = res.gzh;
   		openId = userOpenId;
   		wx.config({
   			debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
   			appId: jsappid, // 必填，公众号的唯一标识
   			timestamp: timestamp, // 必填，生成签名的时间戳
   			nonceStr: noncestr, // 必填，生成签名的随机串
   			signature: signature,// 必填，签名，见附录1 
   			jsApiList: ['chooseImage','previewImage','uploadImage','downloadImage','openLocation','getLocation']
   		// 必填，需要使用的JS接口列表，所有JS接口列表见附录2
   		});
   		wx.ready(function() {
   			$('#loadingConfig').hide();
   			// config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
   		});
   		wx.error(function(res) {
   			 window.close();
   		});
   	});