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

最新推荐文章于 2024-06-01 21:16:49 发布

Smile_ping

最新推荐文章于 2024-06-01 21:16:49 发布

阅读量716

点赞数 14

分类专栏： uniapp BLE 文章标签： uniapp监听蓝牙状态监听蓝牙适配器状态变化事件

本文链接：https://blog.csdn.net/smile_ping/article/details/137352726

版权

uniapp 同时被 2 个专栏收录

64 篇文章 3 订阅

订阅专栏

BLE

3 篇文章 0 订阅

订阅专栏

本文介绍了在uniapp中如何监听蓝牙适配器状态变化，包括Android和iOS平台的行为，以及如何在App.vue中定义监听方法和全局调用。

摘要由CSDN通过智能技术生成

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