使用uniapp跨平台获取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否则进入failsuccess: () => {//蓝牙已经打开console.log("蓝牙打开了");uni.startBeaconDiscovery({      //开始搜索ibeacon设备uuids:['FDA50693-A4E2-4FB1-AFCF-C6EB07647825'],   //我写的时候在这遇见一个大坑，因为这个id要填自己设备的uuid,我就从上面截图那 复制过来直接放里面会显示uuids无效，百思不得，（官网也没说有什么格式，然后我tm就无限犯错）后来百度看别人小程序的案例中间有横杠-我就试着加了一下果然ok了   格式是8-4-4-4-12success: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官网