微信小程序蓝牙教程--完整版亲测

Posted 2023-04-15

参考技术A #使用mpvue 开发小程序过程中 简单介绍一下微信小程序蓝牙连接过程

#在蓝牙连接的过程中部分api需要加定时器延时1秒到2秒左右再执行，原因为何不知道，小程序有这样的要求

#1.首先是要初始化蓝牙：openBluetoothAdapter()

```js

if (wx.openBluetoothAdapter)

wx.openBluetoothAdapter(

        success: function(res)

            /* 获取本机的蓝牙状态 */

            setTimeout(() =>

                getBluetoothAdapterState()

            , 1000)

        ,

        fail: function(err)

            // 初始化失败

        

    )

     else     

    

```

#2.检测本机蓝牙是否可用：

#  要在上述的初始化蓝牙成功之后回调里调用

```js

getBluetoothAdapterState()

    var that= this;

    that.toastTitle= '检查蓝牙状态'

wx.getBluetoothAdapterState(

        success: function(res)

startBluetoothDevicesDiscovery()

,

        fail(res)

            console.log(res)



)



```

#3. 开始搜索蓝牙设备：

```js

startBluetoothDevicesDiscovery()

    var that= this;

    setTimeout(() =>

wx.startBluetoothDevicesDiscovery(

            success: function(res)

/* 获取蓝牙设备列表 */

                that.getBluetoothDevices()

,

            fail(res)



)

, 1000)



```

#4. 获取搜索到的蓝牙设备列表

# /* that.deviceName 是获取到的蓝牙设备的名称， 因为蓝牙设备在安卓和苹果手机上搜到的蓝牙地址显示是不一样的，所以根据设备名称匹配蓝牙*/

```js

getBluetoothDevices()

    var that= this;

    setTimeout(() =>

wx.getBluetoothDevices(

            services: [],

            allowDuplicatesKey: false,

            interval: 0,

            success: function(res)

                if (res.devices.length> 0)

                    if (JSON.stringify(res.devices).indexOf(that.deviceName) !== -1)

                        for (let i = 0; i < res.devices.length; i++)

                            if (that.deviceName === res.devices[i].name)

/* 根据指定的蓝牙设备名称匹配到deviceId */

                                that.deviceId = that.devices[i].deviceId;

                                setTimeout(() =>

                                    that.connectTO();

, 2000);

;

;

else



else



,

            fail(res)

                console.log(res, '获取蓝牙设备列表失败=====')



)

, 2000)

,

```

#5.连接蓝牙

# 匹配到的蓝牙设备ID 发送连接蓝牙的请求， 连接成功之后 应该断开蓝牙搜索的api，然后去获取所连接蓝牙设备的service服务

```js

connectTO()

wx.createBLEConnection(

        deviceId: deviceId,

        success: function(res)

            that.connectedDeviceId = deviceId;

/* 4.获取连接设备的service服务 */

that.getBLEDeviceServices();

wx.stopBluetoothDevicesDiscovery(

                success: function(res)

                    console.log(res, '停止搜索')

,

                fail(res)



)

,

        fail: function(res)



)



```

#6. 获取蓝牙设备的service服务,获取的serviceId有多个要试着连接最终确定哪个是稳定版本的service 获取服务完后获取设备特征值

```js

getBLEDeviceServices()

    setTimeout(() =>

wx.getBLEDeviceServices(

            deviceId: that.connectedDeviceId,

            success: function(res)

                that.services= res.services

/* 获取连接设备的所有特征值 */

that.getBLEDeviceCharacteristics()

,

            fail: (res) =>



)

, 2000)

,

```

#7.获取蓝牙设备特征值

# 获取到的特征值有多个，最后要用的事能读，能写，能监听的那个值的uuid作为特征值id，

```js

getBLEDeviceCharacteristics()

            setTimeout(() =>

wx.getBLEDeviceCharacteristics(

                    deviceId: connectedDeviceId,

                    serviceId: services[2].uuid,

                    success: function(res)

                        for (var i = 0; i < res.characteristics.length; i++)

                            if ((res.characteristics[i].properties.notify || res.characteristics[i].properties.indicate) &&

                                (res.characteristics[i].properties.read && res.characteristics[i].properties.write))

                                console.log(res.characteristics[i].uuid, '蓝牙特征值 ==========')

/* 获取蓝牙特征值 */

                                that.notifyCharacteristicsId = res.characteristics[i].uuid

// 启用低功耗蓝牙设备特征值变化时的 notify 功能

that.notifyBLECharacteristicValueChange()





,

                    fail: function(res)



)

, 1000)

,

```

#8.启动notify 蓝牙监听功能 然后使用 wx.onBLECharacteristicValueChange用来监听蓝牙设备传递数据

#接收到的数据和发送的数据必须是二级制数据， 页面展示的时候需要进行转换

```js

notifyBLECharacteristicValueChange() // 启用低功耗蓝牙设备特征值变化时的 notify 功能

            var that= this;

            console.log('6.启用低功耗蓝牙设备特征值变化时的 notify 功能')

wx.notifyBLECharacteristicValueChange(

                state: true,

                deviceId: that.connectedDeviceId,

                serviceId: that.notifyServicweId,

                characteristicId: that.notifyCharacteristicsId,

                complete(res)

/*用来监听手机蓝牙设备的数据变化*/

wx.onBLECharacteristicValueChange(function(res)

/**/

                        that.balanceData += that.buf2string(res.value)

                        that.hexstr += that.receiveData(res.value)

)

,

                fail(res)

                    console.log(res, '启用低功耗蓝牙设备监听失败')

                    that.measuringTip(res)



)

,

/*转换成需要的格式*/

buf2string(buffer)

                    var arr = Array.prototype.map.call(new Uint8Array(buffer), x => x)

                    return arr.map((char, i) =>

                        return String.fromCharCode(char);

                    ).join('');

,

receiveData(buf)

return this.hexCharCodeToStr(this.ab2hex(buf))

,

/*转成二进制*/

ab2hex (buffer)

              var hexArr = Array.prototype.map.call(

                  new Uint8Array(buffer), function (bit)

                      return ('00' + bit.toString(16)).slice(-2)



)

              return hexArr.join('')

,

/*转成可展会的文字*/

hexCharCodeToStr(hexCharCodeStr)

              var trimedStr = hexCharCodeStr.trim();

              var rawStr = trimedStr.substr(0, 2).toLowerCase() === '0x' ? trimedStr.substr(2) : trimedStr;

              var len = rawStr.length;

              var curCharCode;

              var resultStr= [];

              for (var i = 0; i < len; i = i+ 2)

                  curCharCode = parseInt(rawStr.substr(i, 2), 16);

                  resultStr.push(String.fromCharCode(curCharCode));



              return resultStr.join('');

,

```

# 向蓝牙设备发送数据

```js

sendData(str)

    let that= this;

    let dataBuffer = new ArrayBuffer(str.length)

    let dataView = new DataView(dataBuffer)

    for (var i = 0; i < str.length; i++)

        dataView.setUint8(i, str.charAt(i).charCodeAt())



    let dataHex = that.ab2hex(dataBuffer);

    this.writeDatas = that.hexCharCodeToStr(dataHex);

wx.writeBLECharacteristicValue(

        deviceId: that.connectedDeviceId,

        serviceId: that.notifyServicweId,

        characteristicId: that.notifyCharacteristicsId,

        value: dataBuffer,

        success: function (res)

            console.log('发送的数据：' + that.writeDatas)

            console.log('message发送成功')

,

        fail: function (res)

,

        complete: function (res)



)

,

```

# 当不需要连接蓝牙了后就要关闭蓝牙，并关闭蓝牙模块

```js

// 断开设备连接

closeConnect()

if (that.connectedDeviceId)

wx.closeBLEConnection(

            deviceId: that.connectedDeviceId,

            success: function(res)

that.closeBluetoothAdapter()

,

            fail(res)



)

else

that.closeBluetoothAdapter()



,

// 关闭蓝牙模块

closeBluetoothAdapter()

wx.closeBluetoothAdapter(

        success: function(res)

,

        fail: function(err)



)

,

```

#在向蓝牙设备传递数据和接收数据的过程中，并未使用到read的API 不知道有没有潜在的问题，目前线上运行为发现任何的问题

#今天的蓝牙使用心得到此结束，谢谢

Django2.0+小程序技术打造微信小程序助手 完整版

第1章 课程导学
导学

第2章 小程序开发入门
从几个方面介绍小程序开发相关的内容，包括小程序开发者账号注册、小程序开发流程、小程序开发规范、小程序常用的API，例如网络请求、本地缓存等API，以及小程序组件等等的知识点。

第3章 深入Django视图层
分层次介绍Django视图层的重要知识点，包括 HTTP请求和应答在Django框架中相应的Request对象/Response对象；Django的路由以及RESTful API设计；Django的文件管理；类视图简化视图层逻辑等等重要知识点；最后有关于视图层的实战内容。

第4章 Django框架的会话管理
这一章将重点介绍有状态服务的开发要点，首先介绍什么是有状态服务，然后介绍小程序中有状态开发的异同，接着介绍在Django框架内怎么使用Session框架来实现后端的会话管理，在完整了解了有状态服务的开发要点之后，练习实现一个有状态的个人主页功能。...

第5章 深入Django模型层之使用篇
本章节开始深入学习Django的ORM框架。本章在使用的维度上对Django ORM框架进行学习，包括数据库迁移、数据库增删改查等常用操作、数据库索引的使用、模型层关系映射等关键的内容。

第6章 深入Django模型层之优化篇
本章节继续深入学习Django的ORM框架。本章在优化的维度对Django ORM框架进行学习，在优化的维度将会介绍Django ORM的数据加载机制，从而了解Django数据的懒加载和预加载，对Django的数据加载机制更加了如指掌；Django的数据库长连接优化，详细学习Django ORM框架连接数据库的策略；还有Django数据库操作规范等的优化知识...

第7章 运维提升专题之Django后台篇
本章将重点介绍项目基本功能完成后，服务部署和运维相关的关于Django框架的知识点。将会介绍Django的日志模块、缓存模块、admin模块、中间件、定时服务、邮件模块，综合使用这些模块定制监控报表和更好的管理Django服务，让开发者对服务状态了如指掌。...

第8章 运维提升专题之部署篇
本章将会重点介绍服务部署相关的知识点，包括Django服务使用uWSGI的高性能部署，使用Nginx进行uWSGI服务反向代理部署；还有整个服务的HTTPS协议部署和高可用相关，让你的服务安全运行、不受宕机影响；通过这章内容的学习，将会了解服务运维的要点，真正的深层次体验全流程的开发体验。...

第9章 项目优化
本章将从项目整体的角度去审视工程中值得优化的地方，包括前台小程序和后台Django的代码结构，前台小程序的UI设计、小程序分包加载相关的知识点、异步worker相关的知识点；以及后台部署中Nginx、uWSGI等等各个环节的参数调优，和Django后台内部值得继续探讨和优化的地方。一个项目，从开发好，到运行好，还有很长的路要走，...

第10章 课程总结
通过这门课程的学习，我们从触达用户角度的由近到远从零到一实现了小程序个人助手的前台和后台，从多个角度去学习了其中的知识点，相信大家一定收获颇丰，本章节将对整门课程进行总结，回顾和梳理其中涉及的小程序和Django以及服务部署的知识点脉络，进一步巩固学习到的知识。...

 

下载地址:Django2.0+小程序技术打造微信小程序助手