微信扫一扫错误提示realauthurl:xxx errmsg config:invalid signature

使用微信测试号 实现微信扫一扫功能时 出现的问题

1. 环境： springboot + js +微信测试号 + 花生壳穿透

2. 问题

ios系统 调用微信扫一扫时候出现 realauthurl:xxx errmsg config:invalid signature 错误
经过比对 生成和传递的signature 值是相同的，排除签名问题
微信 JS 接口签名校验：https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign
错误提示中有url 猜测是url 问题 ， 一直没有搞懂这里的url到底是什么的url 。 此时的url应该是当前网页的url http://xxxx/xx.html
如果url是正确的会提示 errMsg: config:invalid url domain

3. 解决

url中从#号前边的都要有 通过js 获取当前网页的url

<script>
   		window.onload = function() {
   			var wx_invite_url = location.href.split('#')[0]; //获取当前网页的url ！！！！
   			console.log("url",wx_invite_url);
   			$.get("jsapi/getSign",{url:wx_invite_url},function(data){

   				wx.config({
   				  debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
   				  appId: data.appId, // 必填，公众号的唯一标识
   				  timestamp: data.timestamp, // 必填，生成签名的时间戳
   				  nonceStr: data.nonceStr, // 必填，生成签名的随机串
   				  signature: data.signature,// 必填，签名
   				  jsApiList: ['scanQRCode'] // 必填，需要使用的JS接口列表
   				});
   				wx.error(function(res){
   					alert(res);
   					// config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
   				});
   			});
   		}
   		function scaneMethod() {
   		 var ua = navigator.userAgent.toLowerCase()
   		 var isWeixin = ua.indexOf('micromessenger') !== -1
   		 if (!isWeixin) {
   		  alert('请用微信打开连接，才可使用扫一扫')
   		 }
   		 window.wx.scanQRCode({
   		 needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
   		 scanType: ['qrCode', 'barCode'], // 可以指定扫二维码还是一维码，默认二者都有
   		 success: function (res) {
   		 // 扫码成功，跳转到二维码指定页面（res.resultStr为扫码返回的结果）
   		  var scan = res.resultStr
   		  alert(scan)
   		  }
   		 })}
   	</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

完整的代码：

1. 获取签名的接口：

@RequestMapping(value = "/getSign")
    @ResponseBody
    public Map tiaoma( HttpServletRequest request,String url) throws Exception {
        String Url=request.getRequestURL().toString();
        log.info("请求的url={}",Url);
        Map resMap = new HashMap();
        resMap = JsUtils.sign(url);
        log.info("=======map参数:{}",resMap);
        return resMap;

    }
1
2
3
4
5
6
7
8
9
10
11

2. 签名的工具类 加密 获取token ticket … 直接修改appid appsecret 就可用

public class JsUtils {
    public static String accessToken = null;
    public static String ticket = null;


    private static final String appid=null;
    private static final String appsecret=null;

    public static Map sign(String url) {
        if(accessToken==null){
            String sendUrl = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid="+appid+"&secret="+appsecret;

            String result = getHttpResult(sendUrl);
            JSONObject tokenJson = JSONObject.parseObject(result);
            accessToken= tokenJson.get("access_token").toString();
            log.info("toke={}",accessToken);
        }
        if(ticket==null){
            String signUrl = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=" + accessToken + "&type=jsapi";

            String resultSign = getHttpResult(signUrl);
            JSONObject tokenJson = JSONObject.parseObject(resultSign);
            ticket= tokenJson.get("ticket").toString();
        }
        Map<String, Object> ret = new HashMap();

        String nonce_str = create_nonce_str();

        String timestamp = create_timestamp();

        String string1;

        String signature = "";

//注意这里参数名必须全部小写，且必须有序

        string1 = "jsapi_ticket=" + ticket +

                "&noncestr=" + nonce_str +

                "&timestamp=" + timestamp +

                "&url=" + url;

        try {
            MessageDigest crypt = MessageDigest.getInstance("SHA-1");

            crypt.reset();

            crypt.update(string1.getBytes("UTF-8"));

            signature = byteToHex(crypt.digest());

        } catch (NoSuchAlgorithmException e) {
            e.printStackTrace();

        } catch (UnsupportedEncodingException e) {
            e.printStackTrace();

        }

        ret.put("url", url);

        ret.put("nonceStr", nonce_str);

        ret.put("timestamp", Integer.parseInt(timestamp));

        ret.put("signature", signature);

        ret.put("jsapi_ticket", ticket);

        ret.put("appId", appid);

        return ret;

    }

    /**
     * 随机加密
     *
     * @param hash
     * @return
     */

    private static String byteToHex(final byte[] hash) {
        Formatter formatter = new Formatter();

        for (byte b : hash) {
            formatter.format("%02x", b);

        }

        String result = formatter.toString();

        formatter.close();

        return result;

    }

    /*

     * 获取访问地址链接返回值

     */

    private static String getHttpResult(String url) {
        String result = "";

        HttpGet httpRequest = new HttpGet(url);

        try {
            HttpResponse httpResponse = HttpClients.createDefault().execute(httpRequest);

            if (httpResponse.getStatusLine().getStatusCode() == 200) {
                result = EntityUtils.toString(httpResponse.getEntity());

            }

        } catch (ClientProtocolException e) {
            e.printStackTrace();

            result = e.getMessage().toString();

        } catch (IOException e) {
            e.printStackTrace();

            result = e.getMessage().toString();

        }

        return result;

    }

    /**
     * 产生随机串--由程序自己随机产生
     *
     * @return
     */

    private static String create_nonce_str() {
        return UUID.randomUUID().toString();

    }

    /**
     * 由程序自己获取当前时间
     *
     * @return
     */

    private static String create_timestamp() {
        return Long.toString(System.currentTimeMillis() / 1000);

    }

}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158

微信测试号地址：https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?action=showinfo&t=sandbox/index
微信js sdk 文档地址：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html