使用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官网

Logo

前往低代码交流专区

更多推荐