--注意：微信测试号不具备这个功能
步骤一：绑定域名 注意不要加http://
步骤二：引入js文件
--在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com/open/js/jweixin-1.2.0.js
步骤三：通过ajax获取参数，完成config接口注入权限验证配置
--ajax请求
var url = location.href.split('#')[0];
$.ajax({
type:"GET",
url:"signature.action?url=" + url,
dataType:"json",
success:function(data){
if (data){
wx.config({
debug: false,
appId: data.appid,
timestamp: data.timestamp,
nonceStr: data.nonceStr,
signature: data.signature,
jsApiList: [// 这个必须要配置，不然会报权限不足的错误
'checkJsApi',
'getNetworkType',//网络状态接口
'openLocation',//使用微信内置地图查看地理位置接口
'getLocation', //获取地理位置接口
'startSearchBeacons',//开启扫描周边设备
'stopSearchBeacons'//停止扫描
]
});
}
}
});
--后台代码
注：jsapi-ticket的获取在前一节中讲过，这里就带过
@RequestMapping(value = "signature", method = RequestMethod.GET)
@ResponseBody
public Map<String, String> createSignature(@RequestParam String url)
{
System.out.println("RestFul of createSignature parameters url:"+url);
return SignatureUtil.sign(tokenService.getJsapi_ticket(), url);
}
public static Map<String, String> sign(String jsapi_ticket, String url) {
Map<String, String> ret = new HashMap<String, String>();
String nonce_str = create_nonce_str();
String timestamp = create_timestamp();
String str;
String signature = "";
str = "jsapi_ticket=" + jsapi_ticket +
"&noncestr=" + nonce_str +
"×tamp=" + timestamp +
"&url=" + url;
try
{
MessageDigest crypt = MessageDigest.getInstance("SHA-1");
crypt.reset();
crypt.update(str.getBytes("UTF-8"));
signature = byteToHex(crypt.digest());
}
catch (NoSuchAlgorithmException e)
{
e.printStackTrace();
}
catch (UnsupportedEncodingException e)
{
e.printStackTrace();
}
ret.put("url", url);
ret.put("jsapi_ticket", jsapi_ticket);
ret.put("nonceStr", nonce_str);
ret.put("timestamp", timestamp);
ret.put("signature", signature);
ret.put("appid", WeChatInfo.WX_APPID);
return ret;
}
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 create_nonce_str() {
return UUID.randomUUID().toString();
}
private static String create_timestamp() {
return Long.toString(System.currentTimeMillis() / 1000);
}
步骤四：通过ready接口处理成功验证
wx.ready(function(){
wx.startSearchBeacons({
ticket:"",
success: function(res){
wx.onSearchBeacons({
complete:function(data){
alert(JSON.stringify(data));
showBeacon(data.beacons);
}
});
},
fail:function(res){
var errmsg = JSON.stringify(res.errMsg);
var arr = errmsg.split(':');
var errmsgBody = arr[1];
if(errmsgBody.substr(0, 9) == "bluetooth"){
alert("蓝牙未打开，请打开后重试！");
} else if(errmsgBody.substr(0, 8) == "location"){
alert("手机位置未打开，请打开后重试！");
}else{
alert(JSON.stringify(res));
}
}
});
});
wx.error(function(res){
alert(JSON.stringify(res));
});
函数详解：
1.开启查找周边ibeacon设备接口
wx.startSearchBeacons({
ticket:"",
complete:function(argv){
//回调函数
}
});
返回参数说明
打开成功返回：“startSearchBeacons:ok”；
打开后未stop再次打开 ：“startSearchBeacons:already started”；
蓝牙未打开返回 ：“startSearchBeacons:bluetooth power off”；
地理位置服务未打开返回： “startSearchBeacons:location service disable”；
系统不支持返回 ：“startSearchBeacons:system unsupported”。
2. 关闭查找周边ibeacon设备接口
wx.stopSearchBeacons({
complete:function(res){
//回调函数
}
});
返回说明
关闭成功返回“stopSearchBeacons:ok”；
3.监听周边ibeacon设备接口（这个函数写在startSearchBeacons的回调函数里面）
wx.onSearchBeacons({
complete:function(argv){
//回调函数
}
});
返回数据为数组
onSearchBeacons:
{
"beacons":[
{
"major":10008,
"minor":57686,
"uuid":"FDA50693-A4E2-4FB1-AFCF-C6EB07647825",
"accuracy":"0.235344",
"rssi":"-66",
"proximity":"1",
"heading":"288.1355"
},
{
"major":10008,
"minor":57687,
"uuid":"FDA50693-A4E2-4FB1-AFCF-C6EB07647825",
"accuracy":"0.349124",
"rssi":"-49",
"proximity":"2",
"heading":"288.1355"
}
]
}
参数说明
参数 说明
UUID、major、minor UUID、major、minor
accuracy 距离，单位为米
proximity 精度，0：CLProximityUnknown, 1：CLProximityImmediate, 2：CLProximityNear, 3：CLProximityFar
rssi 接收信号的强度指示
heading 接收信号时设备的方向（安卓设备返回有此字段，iOS无）；iOS设备若需要获取方向，可以利用HTML5标准API获取， 查看示例
来自 https://blog.csdn.net/qq_37936542/article/details/78912197
