微信小程序如何搜索iBeacon设备

简介: 微信小程序如何搜索iBeacon设备

1.首先在utils文件夹下创建bluetooth.js和ibeacon.js


2.在 bluetooth.js文件中写入

module.exports = {
  initBluetooth: function () {
    // 初始化蓝牙模块
    wx.openBluetoothAdapter({
      success: function (res) {
        console.log('蓝牙模块初始化成功');
      },
      fail: function (res) {
        console.log('蓝牙模块初始化失败');
      }
    });
  }
}

3.在 ibeacon.js中写入

module.exports = {
  registerIBeaconCallback: function (callback) {
    // 注册iBeacon回调函数
    wx.onBeaconUpdate(function (res) {
      callback(res);
    });
    // 开始搜索iBeacon设备
    wx.startBeaconDiscovery({
      uuids: ['FDA50693-A4E2-4FB1-AFCF-C6EB07647826'], // iBeacon设备的uuid
      success: function (res) {
        console.log('开始搜索iBeacon设备');
      },
      fail: function (res) {
        console.log('搜索iBeacon设备失败');
      }
    });
  },
}

4.在需要获取蓝牙的wxml中的page上方引入

const bluetooth = require('../../utils/bluetooth');
const ibeacon = require('../../utils/ibeacon');

5.在下方onshow事件中调用

 bluetooth.initBluetooth();
    // 注册iBeacon回调函数
    ibeacon.registerIBeaconCallback(this.handleIBeacon);

6.在page内写入获取ibeacon设备代码及停止搜索

  handleIBeacon: function (res) {
    // 处理搜索到的iBeacon设备    
    let _this = this
    if (res.beacons.length > 0) {
      wx.stopBeaconDiscovery({
        success: function (res) {
          console.log('停止搜索 iBeacon 设备',res);
        },
        fail: function (res) {
          console.log('停止搜索 iBeacon 设备失败');
        }
      });
      let devices = this.data.devices
      devices.push(res.beacons[0].uuid)
      this.setData({
        devices: devices
      })
      console.log(this.data.devices);
    }
    // 在这里可以对搜索到的设备进行进一步处理
  },

7.最后如果想检测蓝牙是否连接可以加上 wx.onBluetoothAdapterStateChange事件

 wx.onBluetoothAdapterStateChange(function(res) {
      console.log("蓝牙适配器状态变化", res);
      if (res.available) {
        console.log("蓝牙适配器可用");
      } else {
        console.log("蓝牙适配器不可用");
      }
    });

8.如果出现报错,则需要安装 npm install @babel/runtime,或检查是否正确引用了@babel/runtime/helpers/defineProperty.js 模块

module '@babel/runtime/helpers/defineProperty.js' is not defined, require args is '../../@babel/runtime/helpers/defineProperty' 
 Error: module '@babel/runtime/helpers/defineProperty.js' is not defined, require args is 
相关文章
|
6月前
|
小程序
揭秘会员卡包和搜索直达新能力,让用户更快找到你的小程序
揭秘会员卡包和搜索直达新能力,让用户更快找到你的小程序
170 11
|
6月前
|
小程序 安全 API
社区每周丨小程序基础API新增获取设备、系统等多个接口
社区每周丨小程序基础API新增获取设备、系统等多个接口
152 11
|
12天前
|
小程序 机器人 开发者
QQ 小程序已发布,但无法被搜索的解决方案
我的 QQ 小程序在 2024 年 8 月就已经审核通过,上架后却一直无法被搜索到。打开后,再在 QQ 上下拉查看 “最近使用”,发现他出现一下又马上消失。
28 2
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的小型医院医疗设备管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的小型医院医疗设备管理系统附带文章源码部署视频讲解等
62 6
|
5月前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的文献搜索系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的文献搜索系统附带文章和源代码部署视频讲解等
44 7
基于ssm+vue.js+uniapp小程序的文献搜索系统附带文章和源代码部署视频讲解等
|
5月前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的实验室设备管理系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的实验室设备管理系统附带文章和源代码部署视频讲解等
49 9
|
4月前
|
小程序 数据库
【微信小程序-原生开发】实用教程15 - 列表的排序、搜索(含云数据库常用查询条件的使用方法,t-search 组件的使用)
【微信小程序-原生开发】实用教程15 - 列表的排序、搜索(含云数据库常用查询条件的使用方法,t-search 组件的使用)
117 0
|
4月前
|
小程序 定位技术 开发工具
【微信小程序-原生开发+TDesign】通用功能页封装——地点搜索(含腾讯地图开发key 的申请方法)
【微信小程序-原生开发+TDesign】通用功能页封装——地点搜索(含腾讯地图开发key 的申请方法)
55 0
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的农业设备租赁系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的农业设备租赁系统附带文章源码部署视频讲解等
47 0
|
5月前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的工厂生产设备维护管理系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的工厂生产设备维护管理系统附带文章和源代码部署视频讲解等
32 0

热门文章

最新文章