本文主要是介绍使用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官网
这篇关于使用uniapp跨平台获取ibeacon设备参数的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
