蓝牙BLE开发——如何实时监听蓝牙适配器状态变化及回调

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

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

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

效果图

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

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

• 关闭 蓝牙，返回数据

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

• 开启 蓝牙，返回数据

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

监听状态变化

需求：

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

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

var bleAdapterChangeCallback = null;

// xxx

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