uniapp 监听蓝牙适配器状态变化事件

近年来开发项目中接触比较多的与硬件设备对接，通过蓝牙与设备通讯；开发 App、微信小程序，今天分享其中如何监听蓝牙适配；近期比较忙，不定时更新，有时间会分享 uniapp开发蓝牙项目的Demo，个人分享，仅供参考。

• 如何实时监听手机蓝牙状态变化 并 监听回调？
• 监听蓝牙适配器状态变化事件，蓝牙适配器状态发生变化时触发回调。

效果图

蓝牙状态变化时，返回结果；

• Android：开启、关闭都会执行 2次
• iOS：正常

• 关闭 蓝牙，返回数据

{"discovering": false,"available": false
}

• 开启 蓝牙，返回数据

{"discovering": false,"available": true
}

监听状态变化

需求：

• 全局监听 蓝牙状态变化；
• 不同页面，可根据当前状态变化，处理相关业务逻辑；

• 为了方便测试，这里定义在 App.vue 中定义 监听方法；（个人所需可定义到js文件中；）
• discovering：蓝牙适配器是否正在搜索设备（即开启监听后，搜索设备时也能监听到当前具体状态）；
• available ：蓝牙适配器是否可用。

var bleAdapterChangeCallback = null;// xxxmethods: {listenerStateChange(){// 这里用 5+写的plus.bluetooth.onBluetoothAdapterStateChange((e) => {console.log('监听蓝牙适配器状态变化事件：', e);if (!e.available && !e.discovering) { // 都关闭状态// 根据个人所需处理，保存当前蓝牙连接状态this.$store.commit('SET_BLE_CONNECT_STATUS', false);if (bleAdapterChangeCallback != null) {bleAdapterChangeCallback(false);}} else if (e.available && !e.discovering) { // 蓝牙打开，未搜索设备if (bleAdapterChangeCallback != null) {bleAdapterChangeCallback(true);}}});},setBLEAdapterChangeCallback(callBack) {bleAdapterChangeCallback = callBack;},clearBLEAdapterChangeCallback(callBack) {bleAdapterChangeCallback = null;}
}

• 在 需要 监听页面上 调用

const app = getApp();onShow() {// #ifdef APPapp.setBLEAdapterChangeCallback(this.listenerBLEState);// #endif
},
methods: {listenerBLEState(res) {console.log('当前蓝牙适配器状态结果：', res)// 例：当关闭蓝牙时重置 data 数据，开启时，刷新当前页面if (!res) {Object.assign(this.$data, this.$options.data())} else {this.reload(); // 自定义的}}
}