微信小程序 蓝牙实现

微信小程序 蓝牙实现

此前是通过安卓客户端实现对蓝牙设备的扫描、连接和通讯等操作，本篇主要介绍一下使用微信小程序来对蓝牙设备的操作。

1.简述

• 蓝牙适配器接口是基础库版本 1.1.0 开始支持。
• iOS 微信客户端 6.5.6 版本开始支持，Android 6.5.7 版本开始支持。
• 蓝牙总共增加了18个api接口。
• 目前不支持在开发者工具上进行调试，需要使用真机才能正常调用小程序蓝牙接口。

2.Api分类

• 搜索类
• 连接类
• 通信类

3.API的具体使用

详细见官网：

https://mp.weixin.qq.com/debug/wxadoc/dev/api/bluetooth.html#wxgetconnectedbluethoothdevicesobject

4. 案例实现

4.1 搜索蓝牙设备

/**
 * 搜索设备界面
 */
Page({
  data: {
    logs: [],
    loading:false,
    list:[]
  },
   onLoad: function () {
    console.log('onLoad')
    var that = this;

      wx.openBluetoothAdapter({
      success: function(res){
        // success
        console.log("-----success----------");
         console.log(res);
       wx.startBluetoothDevicesDiscovery({
  services: [],
  success: function(res){
    // success
     console.log("-----startBluetoothDevicesDiscovery--success----------");
     console.log(res);
  },
  fail: function(res) {
    // fail
     console.log(res);
  },
  complete: function(res) {
    // complete
     console.log(res);
  }
})


      },
      fail: function(res) {
         console.log("-----fail----------");
        // fail
         console.log(res);
      },
      complete: function(res) {
        // complete
         console.log("-----complete----------");
         console.log(res);
      }
    })

     wx.getBluetoothDevices({
       success: function(res){
         // success
         //{devices: Array[11], errMsg: "getBluetoothDevices:ok"}
         console.log("getBluetoothDevices");
         console.log(res);
          that.setData({
          list:res.devices,
          loading: true
          });
          console.log(that.data.list);
       },
       fail: function(res) {
         // fail
       },
       complete: function(res) {
         // complete
       }
     })

  },
  onShow:function(){


  },
   //点击事件处理
  bindViewTap: function(e) {
     console.log(e.currentTarget.dataset.title);
     console.log(e.currentTarget.dataset.name);
     console.log(e.currentTarget.dataset.advertisData);

    var title =  e.currentTarget.dataset.title;
    var name = e.currentTarget.dataset.name;
     wx.redirectTo({
       url: '../service/service?deviceId='+title+'&name='+name,
       success: function(res){
         // success
       },
       fail: function(res) {
         // fail
       },
       complete: function(res) {
         // complete
       }
     })
  },

})

4.2 连接蓝牙设备，并获取服务列表

/**
 * 显示设备服务界面
 */

/**
 * 连接设备。获取数据
 */
var dId;
Page({
  data: {
    motto: 'Hello World',
    loading: false,
    userInfo: {},
    deviceId: '',
    name: '',
    serviceId: '',
    services: [],
    cd20: '',
    cd01: '',
    cd02: '',
    cd03: '',
    cd04: '',
    characteristics20: null,
    characteristics01: null,
    characteristics02: null,
    characteristics03: null,
    characteristics04: null,
    list: []

  },
  onLoad: function (opt) {
    var that = this;
    console.log("onLoad");
    console.log('deviceId=' + opt.deviceId);
    console.log('name=' + opt.name);
    dId = opt.deviceId;
    that.setData({ deviceId: opt.deviceId });
    /**
     * 监听设备的连接状态
     */
    wx.onBLEConnectionStateChanged(function (res) {
      console.log(`device ${res.deviceId} state has changed, connected: ${res.connected}`)
    })
    /**
     * 连接设备
     */
    wx.createBLEConnection({
      deviceId: that.data.deviceId,
      success: function (res) {
        // success
        console.log(res);
        /**
         * 连接成功，后开始获取设备的服务列表
         */
        wx.getBLEDeviceServices({
          // 这里的 deviceId 需要在上面的 getBluetoothDevices中获取
          deviceId: that.data.deviceId,
          success: function (res) {
            console.log('device services:', res.services)
            that.setData({ 
              list: res.services,
              loading: true
             });

          }
        })
      },
      fail: function (res) {
        // fail
        console.log(res);
      },
      complete: function (res) {
        // complete
        console.log(res);
      }
    })
  },

  /**
   * 获取特征值列表
   */
  bindViewTap: function (e) {
    console.log(e.currentTarget.dataset);
    var name = e.currentTarget.dataset.title;
    var deviceId = dId;
    console.log("uuid:" + name + ",deviceId:" + deviceId);
    wx.redirectTo({
      url: '../charact/charact?deviceId=' + deviceId + '&serviceId=' + name,
      success: function (res) {
        // success
      },
      fail: function (res) {
        // fail
      },
      complete: function (res) {
        // complete
      }
    })

  },
  buf2hex: function (buffer) { // buffer is an ArrayBuffer
    return Array.prototype.map.call(new Uint8Array(buffer), x => ('00' + x.toString(16)).slice(-2)).join('');
  }
})

从图可知道uuid 为0000FEE7的是记录步数的服务，通过此uuid可以获得对应的特征值列表

4.3 获取特征值列表，并根据对应的uuid读取对应的值

/**
 * 显示设备服务界面
 */

/**
 * 连接设备。获取数据
 */
Page({
  data: {
    motto: 'Hello World',
    loading: false,
    userInfo: {},
    deviceId: '',
    name: '',
    serviceId: '',
    services: [],
    cd20: '',
    cd01: '',
    cd02: '',
    cd03: '',
    cd04: '',
    characteristics20: null,
    characteristics01: null,
    characteristics02: null,
    characteristics03: null,
    characteristics04: null,
    list: []

  },
  onLoad: function (opt) {
    var that = this;
    console.log("onLoad");
    console.log('deviceId=' + opt.deviceId);

    that.setData({
       deviceId: opt.deviceId ,
       serviceId:opt.serviceId
       });
    /**
     * 监听设备的连接状态
     */
    wx.onBLEConnectionStateChanged(function (res) {
      console.log(`device ${res.deviceId} state has changed, connected: ${res.connected}`)
    })

    wx.getBLEDeviceCharacteristics({
      deviceId: that.data.deviceId,
      serviceId: that.data.serviceId,
      success:function(res){
        that.setData({
          list: res.characteristics,
          loading: true
        });

        /**
         * 回调获取 设备发过来的数据
         */
        wx.onBLECharacteristicValueChange(function (characteristic) {
          console.log(characteristic);
          const hex = that.buf2hex(characteristic.value);
          console.log('characteristic value comed:', hex);
          wx.showModal({
            title: '读取的值',
            content: '结果:' + hex,
            success: function (ress) {
              if (ress.confirm) {
                console.log('用户点击确定');
              }
            }
          })
        })
      }
    })
  },
  //读取数据
  readViewTap: function (e) {

    var that = this;
    var name = e.currentTarget.dataset.name;
    console.log("characteristicId:" + name + ",serviceId:" + that.data.serviceId + ",deviceId:" + that.data.deviceId);

    // wx.notifyBLECharacteristicValueChanged({
    //   state: true, // 启用 notify 功能
    //   deviceId: that.data.deviceId,
    //   serviceId: that.data.serviceId,
    //   characteristicId: name,
    //   success: function (res) {
    //     console.log("启用notify:" + res);
    //     console.log(res);

    //   }
    // })

    //读取记录
    wx.readBLECharacteristicValue({
      deviceId: that.data.deviceId,
      serviceId: that.data.serviceId,
      characteristicId: name,
      success: function(res) {
        console.log('readBLECharacteristicValue:', res.errMsg);  


      },
    })

  },

  notifyViewTap: function (e) {
    var that = this;
    var name = e.currentTarget.dataset.name;
    console.log("characteristicId:" + name + ",serviceId:" + that.data.serviceId + ",deviceId:" + that.data.deviceId);

    wx.notifyBLECharacteristicValueChanged({
      state: true, // 启用 notify 功能
      deviceId: that.data.deviceId,
      serviceId: that.data.serviceId,
      characteristicId: name,
      success: function (res) {
        console.log("启用notify:");
        console.log(res);
        // wx.onBLECharacteristicValueChange(function (res) {
        //   console.log("onBLECharacteristicValueChange:" + res);
        //   console.log(res.value);
        // })

      }
    })

  },
  /**
   *读取数据
   */
  bindViewTap: function (e) {
  var that=this;
  var name = e.currentTarget.dataset.title;
  console.log("characteristicId:" + name + ",serviceId:" + that.data.serviceId + ",deviceId:" + that.data.deviceId);
    //读取记录

  // var hex = '0A3700';
  // var typedArray = new Uint8Array(hex.match(/[\da-f]{2}/gi).map(function (h) {
  //   return parseInt(h, 16)
  // }))
  // console.log(typedArray);


      wx.notifyBLECharacteristicValueChanged({
      state: true, // 启用 notify 功能
      deviceId: that.data.deviceId,
      serviceId: that.data.serviceId,
      characteristicId: name,
      success: function (res) {
        console.log("启用notify:" + res);
        wx.onBLECharacteristicValueChange(function (res) {
          console.log("onBLECharacteristicValueChange:" + res);
          console.log(res.value);
        })

      }
    })

  // var buffer1 = typedArray.buffer
  // console.log("buffer1:");
  // console.log(buffer1);

  var Bytes = new Array();
    Bytes[0] = 0x01;
    Bytes[1] = 0x02;
    Bytes[2] = 0x03;
    console.log(Bytes);

    // wx.readBLECharacteristicValue({
    //   deviceId: that.data.deviceId,
    //   serviceId: that.data.serviceId,
    //   characteristicId: name,
    //   success: function(res) {
    //     console.log('readBLECharacteristicValue:', res.errMsg);  
    //     wx.showModal({
    //       title: '读取的值',
    //       content: '结果:' + res,
    //       success: function (ress) {
    //         if (ress.confirm) {
    //           console.log('用户点击确定')
    //         }
    //       }
    //     })

    //   },
    // })








    // wx.writeBLECharacteristicValue({
    //   deviceId: that.data.deviceId,
    //   serviceId: that.data.serviceId,
    //   characteristicId: name,
    //   value: buffer1,
    //   success: function (res) {
    //     // success
    //     console.log("success  指令发送成功");
    //     console.log(res);
    //   },
    //   fail: function (res) {
    //     // fail
    //     console.log("fail  指令发送fail");
    //     console.log(res);
    //   },
    //   complete: function (res) {
    //     // complete
    //   }
    // })


  },
  buf2hex: function (buffer) { // buffer is an ArrayBuffer
    return Array.prototype.map.call(new Uint8Array(buffer), x => ('00' + x.toString(16)).slice(-2)).join('');
  }
})