使用uniapp跨平台获取ibeacon设备参数
使用dcloud公司出品的uni-app框架实现Ibeacon硬件的信息的获取。1.首先介绍一下uni-app框架,uni-app被dcloud公司称为终极跨平台解决方案,目前已经囊括了微信小程序,Android,iPhone,支付宝小程序,百度小程序,以h5平台。大部分采用的小程序的api易学易懂,业务逻辑采用vue.js,更详细的介绍请参照官网。2.说一下了解Ibeacon的缘由,在学校...
使用dcloud公司出品的uni-app框架实现Ibeacon硬件的信息的获取。
1.首先介绍一下uni-app框架,uni-app被dcloud公司称为终极跨平台解决方案,目前已经囊括了微信小程序,Android,iPhone,支付宝小程序,百度小程序,以h5平台。
大部分采用的小程序的api易学易懂,业务逻辑采用vue.js,更详细的介绍请参照官网。
2.说一下了解Ibeacon的缘由,在学校老师给的一个创业项目,是基于IBeacon定位的学生签到app当时也没多想就接下了,事后想到自己半斤八两只会做Android开发而且也没了解过IBeacon这可怎么办啊?但是已经接下了那就硬着头皮干吧!经过几天的度娘搜索各种跨平台方案,最终看上uni-app(个人感觉因为他们官网写的挺有吸引力)这款框架。
!!!!!正题:首先你要买一个ibeacon设备,淘宝一大堆,一般就是几十块钱的成本,买回来按照厂商的说明配置好,有手机app配置的,也有usp连接到电脑配置的,这东西简单。下面就拿我买的设备给大家看一下。
我买的是那种usp供电,电脑配置的:
下面上代码:
<script>
export default {
data() {
return {
ibeaconList:[]
}
},
onLoad() {
},
methods: {
dianji(){ //这是我在组件上定义的一个点击事件,你也可以根据自己的业务逻辑进行处理
console.log("点击了");
uni.openBluetoothAdapter({ //这里是检测蓝牙是否打开的接口打开进入success否则进入fail
success: () => {
//蓝牙已经打开
console.log("蓝牙打开了");
uni.startBeaconDiscovery({ //开始搜索ibeacon设备
uuids:['FDA50693-A4E2-4FB1-AFCF-C6EB07647825'], //我写的时候在这遇见一个大坑,因为这个id要填自己设备的uuid,我就从上面截图那 复制过来直接放里面会显示uuids无效,百思不得,(官网也没说有什么格式,然后我tm就无限犯错)后来百度看别人小程序的案例中间有横杠-我就试着加了一下果然ok了 格式是8-4-4-4-12
success:function(res){ //搜索成功后进入这里
uni.onBeaconUpdate(function(res){//监听设备更新事件
if(res&&res.beacons&&res.beacons.length>0)
{
uni.getBeacons({ //获取搜索到设备的参数
success:(res) => {//这里再次采坑注意res.beacons这个数组每一个元素都是一个设备对象,所以是res.beacons[0].要获取的参数名,而不是按照下标0,1,2.....去获得不同的参数。
console.log("!!!!!!!!!!!"+res.beacons[0].uuid);
console.log("!!!!!!!!!!!"+res.beacons[0].major);
console.log("!!!!!!!!!!!"+res.beacons[0].minor);
//major和minor一个主id一个次id两个貌似没啥关系,在我的业务逻辑恰好运用到,一个当做楼号,一个作为教室号,(所有设备的uuid需要一样)
setTimeout();
setTimeout(function () {
uni.stopBeaconDiscovery({
success: function () {
console.log("停止扫描设备!");
}
});
}, 5 * 1000);
}
});
}
})
}
})
},
fail: () => {
console.log("蓝牙未打开");
}
})
}
}
}
</script>
本文主要是把作者所采的两个坑介绍一下,以上代码需要配置ibeacon和蓝牙权限,关于api的具体返回值参数作用等请参阅uniapp官网
更多推荐
所有评论(0)