微信小程序连接蓝牙硬件的实现

时间: 2018-11-13阅读: 8483标签: 小程序

项目需要使用小程序的蓝牙功能与硬件设备进行连接相互传送数据指令 ,首先说下流程: 

openBluetoothAdapter(初始化蓝牙适配器)—》 wx.startBluetoothDevicesDiscovery(开始搜寻附近的蓝牙外围设备)——》wx.getBluetoothDevices(获取所有已发现的蓝牙设备)——》wx.createBLEConnection(连接设备)——》wx.getBLEDeviceServices(获取蓝牙设备所有 service(服务))——》wx.getBLEDeviceCharacteristics(获取notify 特征值)——》wx.notifyBLECharacteristicValueChange(开启notify)——》 wx.onBLECharacteristicValueChange(监听低功耗蓝牙设备的特征值变化)——》wx.getBLEDeviceCharacteristics(获取write特征 )——》wx.writeBLECharacteristicValue(发送 数据到设备中)


整个流程就这样,因为开启了onBLECharacteristicValueChange,所以你在写入数据(writeBLECharacteristicValue)的时候,设备应答的数据就被监测到了,也就是说,最终最终获取的数据是在wx.onBLECharacteristicValueChange这个接口中的。 

我们来看看官方的例子:

// 向蓝牙设备发送一个0x00的16进制数据 
let buffer = new ArrayBuffer(1) 
let dataView = new DataView(buffer) 
dataView.setUint8(0, 0)

wx.writeBLECharacteristicValue({ 
// 这里的 deviceId 需要在上面的 getBluetoothDevices 或 onBluetoothDeviceFound 接口中获取 
deviceId: deviceId, 
// 这里的 serviceId 需要在上面的 getBLEDeviceServices 接口中获取 
serviceId: serviceId, 
// 这里的 characteristicId 需要在上面的 getBLEDeviceCharacteristics 接口中获取 
characteristicId: characteristicId, 
// 这里的value是ArrayBuffer类型 
value: buffer, 
success: function (res) { 
console.log(‘writeBLECharacteristicValue success’, res.errMsg) 
} 
})


这里得解释一下ArrayBuffer:ArrayBuffer对象不提供任何直接读写内存的方法,只允许在其上方建立视图,然后通过视图读写, 但是我们传的值是buffer,当你console.log(buffer)的时候,出来的是一个空对象就对了,因为上面那句话已经解释了:不提供任何直接读写内存的方法。其实数据已经写到buffer中的了,只是console.log(buffer)不能直接打印出来而已(空对象)。在我们的小程序中,通过writeBLECharacteristicValue其实已经把数据包发送出去了,回调也是success,那我们就可以大胆地在notifyBLECharacteristicValueChange的监听事件中拿value了(前提是你写入蓝牙服务通道以及指令是正确的),只不过需要多做一件事情,借助Dataview才能把数据拿出来,跟写入也是一样的(直接打印characteristic也是空的):

wx.notifyBLECharacteristicValueChange({
        deviceId: that.data.deviceId,  //设备mac   IOS和安卓系统不一样
        serviceId: that.data.notifyServiceId,     //服务通道,这里主要是notify
        characteristicId: that.data.cd01,     //notify uuid
        state: true,
        success: function (res) {
            console.log("开启notify 成功")
            //TODO  onBLECharacteristicValueChange  监听特征值 设备的数据在这里获取到
                wx.onBLECharacteristicValueChange(function (characteristic) {
                    console.log('characteristic value comed:')
                    let buffer = characteristic.value
                    let dataView = new DataView(buffer)
                    let dataResult = []
                    console.log("拿到的数据")
                    console.log("dataView.byteLength", dataView.byteLength)
                    for (let i = 0; i < dataView.byteLength; i++) {
                        console.log("0x" + dataView.getUint8(i).toString(16))
                        dataResult.push(dataView.getUint8(i).toString(16))
                    }
                    const result = dataResult
                })
        },
        fail: function (res) {}
    })


IOS确实可以很顺利拿到data,但是对于我们的安卓系统呢?里面有一个坑,我自己掉坑里很久都出不来,直到一个同事的指导: 

bindViewTap: function () {
        var that = this;
        let buffer = new ArrayBuffer(5)
        let dataView = new DataView(buffer)
        //写入通道指令 
        dataView.setUint8(0, 0x1B)    //这里也能写十进制数
        dataView.setUint8(1, 0x11)    //...
        dataView.setUint8(2, 0x03)
        dataView.setUint8(3, 0x00)
        dataView.setUint8(4, 0x00)
 
        console.log("发送的数据:")
        for (let i = 0; i < dataView.byteLength; i++) {
            console.log("0x" + dataView.getUint8(i).toString(16))
        }
 
        wx.writeBLECharacteristicValue({
            deviceId: that.data.deviceId,
            serviceId: that.data.writeServiceId,
            characteristicId: that.data.cd20,    //write
            value: buffer,
            success: function (res) {
                console.log("success  指令发送成功");
            },
            fail: function (res) {
                // fail
                console.log(res);
            }
        })
 
    /**
     * 坑就在这里了,对于安卓系统,需要添加下面这段代码。你写完数据后,还必须读一次,才能被onBLECharacteristicValueChange监听到,才会把数据返回给你,
     * 但在苹果系统里面就不能有下面这段代码了,因为如果你添加上去的话,会出现发一次指令出现两次返回值的情况
     */
        wx.readBLECharacteristicValue({
            deviceId: that.data.deviceId,
            serviceId: that.data.notifyServiceId,
            characteristicId: that.data.cd01,
            success: function (res) {
                console.log('readBLECharacteristicValue')
            }
        })
 
    }
})


但这里还得说一下,测试结果是API对IOS系统支持良好。但对于安卓系统,低版本(蓝牙4.0以上,系统4.x.x)的情况是,虽然能拿到数据,但是有时候不知道是手机太老的问题还是API不稳定的问题,拿到的数据有时候不全。然而对于6.x.x的安卓系统(蓝牙也是4.x以上)则是完全拿不到数据,这个很奇怪,原因尚不清楚  

 

站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: https://www.fly63.com/article/detial/1331

小程序获取用户信息

其实获取用户信息,一种是获取权限的,一种是不用获取权限,前者获取到的信息更多,包含一些敏感信息,包括给getaccessToken接口需要传的参数,后者就是简单获取一些头像、昵称等信息

了解小程序

顾名思义,「小程序」本质上与我们平常经常使用的 app 和操作系统一样,都是一段电脑程序。你可以将小程序理解为「运行在微信上的 app」。与普通的 app 不同的是,小程序的语言使用网页前端的技术栈

小程序多余文本省略号显示

如何在 wxml 页面中截取数据?取数据想必大家都会,不就是 substring 吗?但是这种方法在 wxml 页面中是无效的。那还有 css 啊,不一样可以做到吗?但是个人觉得 css 复用性太差,暂不考虑。

web view内嵌的h5页面与小程序直接相互跳转的实现

在小程序中使用web-view组件嵌套的H5页面,如何实现和小程序页面之间的相互跳转呢?下面就简单介绍下如何实现的,希望能帮助到您

扩展微信小程序 Page 构造函数,修改生命周期函数

微信小程序扩展: 将公共方法绑定到Page上、扩展,修改生命周期函数。将自定义的内容单独封装到一个js文件中,然后在app.js中引用这个文件即可

网页程序迁移至微信小程序web-view详解

小程序之前开放了webview功能,可以说是网页应用的一大福音了,但是微信的webview有一些坑,这篇文章就是列举一下我在开发过程中遇到的一些问题以及我找到的一些解决方案。

小程序插件怎么玩?有赞和千万级用户的“群里有事”做了一次示范

小程序插件让大的公司赋能外部开发者变得非常方便,极大降低了中小开发者开发丰富的小程序应用的门槛,未来的发展是很值得期待的。尤其是国庆节前夕,微信公布的关于小程序跳小程序的新政策,极大地限制了不同主体之间小程序互跳的自由度

小程序的节流与防抖

在屏幕滚动与拖拽的时候,经常会用到一些持续触发的事件,而这类事件不可控触发频率非常高,大大影响了性能,而我们想要让其变得可控,就可以用到节流和防抖两种方案。

基于Proxy的小程序状态管理

微信小程序的市场在进一步的扩大,而背后的技术社区仍在摸索着最好的实践方案。我在帮助Nike,沃尔玛以及一些创业公司开发小程序后,依旧认为使用小程序原生框架是一个更高效,稳定的选择

微信小程序-自动定位并将经纬度解析为具体地址

微信小程序-微信小程序可以通过API获取当前位置的经纬度,在微信小程序开发文档中可以找到这个API的使用示例,但是需要获取具体地址就需要使用到外部的API(此处用到的是腾讯的位置服务)

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!