微信蓝牙连接心率设备实时显示心率数据

项目级别：demo
项目背景：微信新出蓝牙接口，fizzo公司生产的心率设备有连接微信的需求，需要我做一个demo

话不多说，上代码（只开放了js的代码）：

搜索设备

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
/**
 * 搜索设备
 **/
Page({
     data: {
         logs: [],
         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("-----startBluetoothDevicesDiscovery--fail----------");
                         console.log(res);
                     },
                     complete: function (res) {
                         // complete
                         console.log("-----startBluetoothDevicesDiscovery--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--success----------");
                 console.log(res);
                 that.setData({
                     list: res.devices
                 });
                 console.log(that.data.list);
             },
             fail: function (res) {
                 // fail
                 console.log("-----getBluetoothDevices--fail----------");
             },
             complete: function (res) {
                 // complete
                 console.log("-----getBluetoothDevices--complete----------");
             }
         })
     },
     onShow: function () {
     },
     //点击事件处理
     bindViewTap: function (e) {
         console.log(e.currentTarget.dataset.deviceid);
         console.log(e.currentTarget.dataset.name);
         console.log(e.currentTarget.dataset.advertisdata);
         var deviceId = e.currentTarget.dataset.deviceid;
         var name = e.currentTarget.dataset.name;
         wx.redirectTo({
             url: '../conn/conn?deviceId=' + deviceId + '&name=' + name,
             success: function (res) {
                 // success
                 console.log("-----redirectTo--success----------");
             },
             fail: function (res) {
                 // fail
                 console.log("-----redirectTo--fail----------");
             },
             complete: function (res) {
                 // complete
                 console.log("-----redirectTo--complete----------");
             }
         })
     }
 });

实时显示心率设备

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
/**
 * 连接设备,获取数据
 */
Page({
    data: {
        deviceId: '',
        serviceId: '',
        characteristicId: '',
        hr: '--'
    },
    onLoad: function (opt) {
        var that = this;
        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) {
                /**
                 * 连接成功，后开始获取设备的服务列表
                 */
                wx.getBLEDeviceServices({
                    // 这里的 deviceId 需要在上面的 getBluetoothDevices中获取
                    deviceId: that.data.deviceId,
                    success: function (res) {
                        for (let i = 0; i < res.services.length; i++) {
                            if (res.services[i].uuid.indexOf('0000180d', 0) != -1) {
                                that.setData({serviceId: res.services[i].uuid});
                            }
                        }
                        /**
                         * 延迟,根据服务获取特征
                         */
                        setTimeout(function () {
                            //根据服务获取特征值
                            wx.getBLEDeviceCharacteristics({
                                deviceId: that.data.deviceId,
                                serviceId: that.data.serviceId,
                                success: function (res) {
                                    for (let i = 0; i < res.characteristics.length; i++) {
                                        if (res.characteristics[i].uuid.indexOf('00002a37', 0) != -1) {
                                            that.setData({characteristicId: res.characteristics[i].uuid});
                                        }
                                    }
                                    wx.notifyBLECharacteristicValueChanged({
                                        state: true,
                                        deviceId: that.data.deviceId,
                                        serviceId: that.data.serviceId,
                                        characteristicId: that.data.characteristicId,
                                        success: function (res) {
                                            wx.onBLECharacteristicValueChange(function (res) {
                                                console.log(res);
                                                console.log(`characteristic ${res.characteristicId} has changed, now is ${that.buf2hex(res.value)}`);
                                                //eg:0671ae000000df07 其中71表示心率
                                                let hrStr = that.buf2hex(res.value).substring(2, 4);
                                                let HR = parseInt(hrStr, 16);
                                                that.setData({hr: HR});
                                                console.log(that.buf2hex(res.value));
                                                console.log(HR);
                                                console.log(res.value.byteLength);
                                            });
                                        }
                                    });
                                },
                                fail: function (res) {
                                    console.log(res);
                                }
                            });
                        }, 100);
                    }
                })
            },
            fail: function (res) {
                // fail
            },
            complete: function (res) {
                // complete
            }
        })
    },
    /**
     * ArrayBuffer 转换为 Hex
     */
    buf2hex: function (buffer) { // buffer is an ArrayBuffer
        return Array.prototype.map.call(new Uint8Array(buffer), x => ('00' + x.toString(16)).slice(-2)).join('');
    }
})

实际效果

扫描结果

扫描

实时心率

实时心率

赏

请我喝杯咖啡

扫一扫，分享到微信

微信分享二维码

tag:

    缺失模块。
    1、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    2、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: true
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

因为有梦，所以坚持。<br> 热爱生活，追求技术。<br> 大家好，我是Hyde