踩坑之 java微信wifi 配网airkiss

系统管理员 2021-09-23 12:24 424阅读 0赞

最近在负责微信WiFi连接硬件设备的需求

只想说 坑 坑 坑

配网过程中一直重复报两个错 1、config:fail,Error: 系统错误,错误码:40048,invalid url domain

2、config:fail,Error: 系统错误,错误码:63002,invalid signature

总之 不是报 url错误，就是报 签名无效

崩溃，经过各方大佬的指教，终于求证出来

微信配网总结：1、微信公众号配置

2、先获取`AccessToken，`通过`AccessToken`来请求票据`jsApiTicket，`最后的调用签名`signature`

第一步：把服务器IP地址配置到微信公众号的白名单中

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3OTg3MTUx_size_16_color_FFFFFF_t_70][]

第二步：接口权限中找到设备功能，确保设备功能接口已获得

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3OTg3MTUx_size_16_color_FFFFFF_t_70 1][]

第三步：配置JS接口安全域名，**可以放置路径或者域名，确保txt文件可以访问到**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3OTg3MTUx_size_16_color_FFFFFF_t_70 2][]

第四步：编写Java代码

package com.weixin.wifi;
    
    import net.sf.json.JSONObject;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.RestController;
    
    import java.io.InputStream;
    import java.net.HttpURLConnection;
    import java.net.URL;
    import java.security.MessageDigest;
    import java.security.NoSuchAlgorithmException;
    import java.util.UUID;
    
    /**
     * @author sf
     * @version 1.0
     * @date 2019/12/4 11:23
     */
    @RestController
    @RequestMapping("wifi")
    public class Airkiss {
    
        static String appId="XXX";//第三方用户唯一凭证  
    
        public static String getAccessToken() {
            String access_token = "";
            String grant_type = "client_credential";//获取access_token填写client_credential   
            String secret="XXXX";//第三方用户唯一凭证密钥，即appsecret
            //这个url链接地址和参数皆不能变  
            String url = "https://api.weixin.qq.com/cgi-bin/token?grant_type="+grant_type+"&appid="+appId+"&secret="+secret;
            try {
                URL urlGet = new URL(url);
                HttpURLConnection http = (HttpURLConnection) urlGet.openConnection();
                http.setRequestMethod("GET"); // 必须是get方式请求  
                http.setRequestProperty("Content-Type","application/x-www-form-urlencoded");
                http.setDoOutput(true);
                http.setDoInput(true);
                System.setProperty("sun.net.client.defaultConnectTimeout", "30000");// 连接超时30秒  
                System.setProperty("sun.net.client.defaultReadTimeout", "30000"); // 读取超时30秒  
                http.connect();
                InputStream is = http.getInputStream();
                int size = is.available();
                byte[] jsonBytes = new byte[size];
                is.read(jsonBytes);
                String message = new String(jsonBytes, "UTF-8");
                JSONObject demoJson = JSONObject.fromObject(message);
                System.out.println("JSON字符串："+demoJson);
                access_token = demoJson.getString("access_token");
                is.close();
            } catch (Exception e) {
                e.printStackTrace();
            }
            return access_token;
        }
        public static String getTicket(String access_token) {
            String ticket = null;
            String url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token="+ access_token +"&type=jsapi";//这个url链接和参数不能变  
            try {
                URL urlGet = new URL(url);
                HttpURLConnection http = (HttpURLConnection) urlGet.openConnection();
                http.setRequestMethod("GET"); // 必须是get方式请求  
                http.setRequestProperty("Content-Type","application/x-www-form-urlencoded");
                http.setDoOutput(true);
                http.setDoInput(true);
                System.setProperty("sun.net.client.defaultConnectTimeout", "30000");// 连接超时30秒  
                System.setProperty("sun.net.client.defaultReadTimeout", "30000"); // 读取超时30秒  
                http.connect();
                InputStream is = http.getInputStream();
                int size = is.available();
                byte[] jsonBytes = new byte[size];
                is.read(jsonBytes);
                String message = new String(jsonBytes, "UTF-8");
                JSONObject demoJson = JSONObject.fromObject(message);
                System.out.println("jsapi字符串："+demoJson);
                ticket = demoJson.getString("ticket");
                is.close();
            } catch (Exception e) {
                e.printStackTrace();
            }
            return ticket;
        }
        public static String SHA1(String decript) {
            try {
                MessageDigest digest = java.security.MessageDigest.getInstance("SHA-1");
                digest.update(decript.getBytes());
                byte messageDigest[] = digest.digest();
                // Create Hex String  
                StringBuffer hexString = new StringBuffer();
                // 字节数组转换为 十六进制 数  
                for (int i = 0; i < messageDigest.length; i++) {
                String shaHex = Integer.toHexString(messageDigest[i] & 0xFF);
                if (shaHex.length() < 2) {
                hexString.append(0);
                }
                hexString.append(shaHex);
                }
                return hexString.toString();
            } catch (NoSuchAlgorithmException e) {
                e.printStackTrace();
            }
            return "";
        }
    //********************************************************************************************//    
        public static String getnoncestr() {
            String noncestr = UUID.randomUUID().toString().replace("-", "").substring(0, 16);//随机字符串  
            return noncestr;
        }
    
        public static String gettimestamp() {
            String timestamp = String.valueOf(System.currentTimeMillis() / 1000);//时间戳  当前时间 
            return timestamp;
        }
    //********************************************************************************************//
        public static String times[] = {"0","0"};
        public static int a = 0;
        public static int b = 0;
        public static int n = 0;
        static String accessToken = null;
        static String jsapi_ticket = null;
    //********************************************************************************************//    
        @RequestMapping(value = "/getSign")
        public static String[] getSignatur() {
    
            a = Integer.parseInt(times[1]);
            b = Integer.parseInt(times[0]);
    
            System.out.println("获取access时间："+times[0]);
            System.out.println("当前获取access："+times[1]);
    
            if(n == 0){//初始化获取参数
                //1、获取AccessToken 
                accessToken = getAccessToken();
                //2、获取Ticket   
                jsapi_ticket = getTicket(accessToken);
                n = 1;
            }
    
            if(a - b > 7000){//定时获取参数
                //1、获取AccessToken  
                String accessT = getAccessToken();
                String jsapi_t = getTicket(accessT);
                accessToken = accessT;
                jsapi_ticket = jsapi_t;
                times[0] = times[1];
            }
    
            //3、时间戳和随机字符串  
            String noncestr = getnoncestr();
            String timestamp = gettimestamp();
            times[1] = timestamp;
    
            System.out.println("accessToken:"+accessToken+"\njsapi_ticket:"+jsapi_ticket+"\n时间戳："+timestamp+
                    "\n随机字符串："+noncestr);
    
            String url = "http://XXXX"; //重点：需要获取签名的页面url具体地址，例如：www.XXXX.com/wifi.html 
            //5、将参数排序并拼接字符串  
            String str = "jsapi_ticket="+jsapi_ticket+"&noncestr="+noncestr+"&timestamp="+timestamp+"&url="+url;
            //6、将字符串进行sha1加密  
            String signature = SHA1(str);
            System.out.println("参数："+str+"\n签名："+signature);
            String[] sendstr = new String[4];
            sendstr[0] = appId;
            sendstr[1] = timestamp;
            sendstr[2] = noncestr;
            sendstr[3] = signature;
    
            return sendstr;
        }
    }

这里的URL我要着重说明一下，踩坑就踩在这里了

**url就是步骤五的页面地址**

**url为访问的页面**

![20191205145244515.png][]

第五步：前端页面

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title></title>
    </head>
    
    <body>
    </body>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script src="./wifiJs/jquery-3.3.1.min.js"></script>
    <script>
        var x = []
        $.ajax({
            url:"/wifi/getSign",
            type:"GET",
            dataType:"JSON",
            async:false,
            success:function(res){
                x = res
            }
        })
        console.log(location.href)
        wx.config({
            beta : true, // 开启内测接口调用，注入wx.invoke方法
            debug : false, // 开启调试模式
            appId : x[0], // 第三方app唯一标识
            timestamp : x[1], // 生成签名的时间戳
            nonceStr : x[2], // 生成签名的随机串
            signature :x[3],// 签名
            jsApiList : ['configWXDeviceWiFi'] // 需要使用的jsapi列表
        });
        var second = 5;
        wx.ready(function () {
            wx.checkJsApi({
                jsApiList: ['configWXDeviceWiFi'],
                success: function(res) {
                    wx.invoke('configWXDeviceWiFi', {}, function(res){
                        err_msg = res.err_msg
                        if(err_msg == 'configWXDeviceWiFi:ok') {
            console.log('yes');
                            $('#tips').html("配置 wifi 成功，正在跳转...");
                            return;
                        } else {
                            console.log('no');
                            $('#tips').html("配置 wifi 失败，是否再次扫描");
                        }
                        console.log('configWXDeviceWiFi', res);
                    });
                }
            });
        }); 
        wx.error(function(res){
            // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
            console.log(res)
        });
        function count(){
            second--;
            $('#second').html(second);
            if(second == 0){
                //跳转到首页
                //window.location.href='/consumer/main'
            }
        }
    </script>
    </html>

第六步：在微信公众号——自定义菜单，找到自己的小程序，配置**页面地址，页面地址为点击后要跳转的页面**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3OTg3MTUx_size_16_color_FFFFFF_t_70 3][]

以上配置完成：

在微信开发者工具中测试：测试地址为网页url地址，最后返回结果是没有此SDK或暂不支持此SDK模拟，所以在手机上测试，显示成功，可以拿个硬件连接起来测试了！！！

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3OTg3MTUx_size_16_color_FFFFFF_t_70 4][]

以上是微信配网中的踩坑经验

**切记：url值得是页面访问网址**

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3OTg3MTUx_size_16_color_FFFFFF_t_70]: /images/20210923/7dfb6dedbfb641b9a3130da0a7203c8b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3OTg3MTUx_size_16_color_FFFFFF_t_70 1]: /images/20210923/433b2fa95e7d42d9bf30fd91df49010a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3OTg3MTUx_size_16_color_FFFFFF_t_70 2]: /images/20210923/d17e43d8d3014f2f9ea9454619fb9818.png
[20191205145244515.png]: /images/20210923/f0d1ecec29ff4d9f90a988db82bf159a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3OTg3MTUx_size_16_color_FFFFFF_t_70 3]: /images/20210923/99f7f54509144fc6ba7c0957e87905c5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3OTg3MTUx_size_16_color_FFFFFF_t_70 4]: /images/20210923/b2891e2501ed4635aeca3822e79a2f9c.png