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(); // 自定义的}}
}
