WeChat公衆番号から写真を呼び出し、アルバムのアップロードにconfig:invalid signatureの解決方法が現れます.

15469 ワード

最近はWeChat公式アカウントで写真を撮って画像をアップロードする時に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();
   		});
   	});
最終的な問題は、jsコードブロックで取得したurlと私が要求するページのパスが一致していないためです.https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx451afb5e9f684a7c&redirect_uri=http%3 A%2 Fwwww.baidu.com%2 Flatform%2 Fservices%2 Fchaowai%2 Fupload.jsp&reponse_type=code&scope=snsapi_base&state=4𞃳wechat_redirectは最終的に最後に現れたconfig:invalid signature問題を解決しました.私の共有が皆さんの助けになることを願っています.