踩坑之 java微信wifi 配网airkiss
最近在负责微信WiFi连接硬件设备的需求
只想说 坑 坑 坑
配网过程中一直重复报两个错 1、config:fail,Error: 系统错误,错误码:40048,invalid url domain
2、config:fail,Error: 系统错误,错误码:63002,invalid signature
总之 不是报 url错误，就是报 签名无效
崩溃，经过各方大佬的指教，终于求证出来
微信配网总结：1、微信公众号配置
2、先获取AccessToken，通过AccessToken来请求票据jsApiTicket，最后的调用签名signature
第一步：把服务器IP地址配置到微信公众号的白名单中
第二步：接口权限中找到设备功能，确保设备功能接口已获得
第三步：配置JS接口安全域名，可以放置路径或者域名，确保txt文件可以访问到
第四步：编写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";
//5、将参数排序并拼接字符串
String str = "jsapi_ticket="+jsapi_ticket+"&noncestr="+noncestr+"×tamp="+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为访问的页面，也就是步骤六中配置的页面地址，且页面地址要与步骤三中JS接口安全域名的txt文件放在同一目录
第五步：前端页面
<!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>
第六步：在微信公众号——自定义菜单，找到自己的小程序，配置页面地址，页面地址为步骤四中的url
以上配置完成：
在微信开发者工具中测试：测试地址为网页url地址，最后返回结果是没有此SDK或暂不支持此SDK模拟，所以在手机上测试，显示成功，可以拿个硬件连接起来测试了！！！
以上是微信配网中的踩坑经验
切记：url值得是页面访问网址，页面访问网址一定要放在JS接口安全域名的路径下