Web Bluetooth API特征值更新异常及定时读取方案咨询

你的代码核心缺失了开启BLE特征值通知的步骤，Web Bluetooth API中，characteristicvaluechanged事件默认仅在主动调用readValue()时触发一次，若要接收设备端特征值变化的主动推送，必须调用characteristic.startNotifications()开启通知功能，这一步会配置特征值对应的CCC描述符，让设备感知到需要推送变化数据。

修复后的核心代码段： #

.then(characteristic => {
  // 先绑定事件监听
  characteristic.addEventListener('characteristicvaluechanged', dosechanged);
  // 开启特征值通知，这一步是你之前漏掉的
  return characteristic.startNotifications()
    .then(() => characteristic.readValue()); // 开启通知后再读第一次值
})

可以通过setInterval()实现定时读取特征值的需求，适合设备不支持主动通知的场景，实现步骤如下：

1. 将获取到的characteristic实例挂载到全局可访问的变量，供定时器调用
2. 连接成功后启动定时器，定时调用readValue()方法触发数据更新
3. 连接断开时注意清除定时器，避免无效请求和内存泄漏

完整示例代码： #

// 全局存储特征值实例和定时器ID
let targetCharacteristic = null;
let updateTimer = null;

function test() {
  console.log('Requesting Bluetooth Device...');
  navigator.bluetooth.requestDevice({
    acceptAllDevices: true,
    optionalServices: ['af07ecb8-e525-f189-9043-0f9c532a02c7']
  })
  .then(device => {
    // 监听设备断开连接，清除定时器
    device.addEventListener('gattserverdisconnected', () => {
      console.log('设备已断开');
      if (updateTimer) {
        clearInterval(updateTimer);
        updateTimer = null;
      }
      targetCharacteristic = null;
    });
    console.log('Gatt Server Verbindung');
    return device.gatt.connect();
  })
  .then(server => {
    console.log('Dose Service...');
    return server.getPrimaryService('af07ecb8-e525-f189-9043-0f9c532a02c7');
  })
  .then(service => {
    console.log('mgyh Characteristic...');
    return service.getCharacteristic('a99e0be6-f705-f59c-f248-230f7d55c3c1');
  })
  .then(characteristic => {
    targetCharacteristic = characteristic;
    characteristic.addEventListener('characteristicvaluechanged', dosechanged);
    // 优先开启通知（如果设备支持）
    return characteristic.startNotifications()
      .catch(err => {
        console.log('当前特征值不支持通知，将使用定时读取模式', err);
        return Promise.resolve();
      })
      .then(() => {
        // 读第一次值
        return characteristic.readValue();
      })
      .then(() => {
        // 启动5秒定时读取，即使开了通知也可以作为兜底
        updateTimer = setInterval(() => {
          if (targetCharacteristic) {
            targetCharacteristic.readValue().catch(err => console.log('读取失败', err));
          }
        }, 5000);
      });
  })
  .catch(error => {
    console.log('Das geht nicht: ' + error);
  });
}

function dosechanged(event) {
  let dose = event.target.value.getUint8(0) 
    + event.target.value.getUint8(1)*10 
    + event.target.value.getUint8(2)*100 
    + event.target.value.getUint8(3)*1000 
    + event.target.value.getUint8(4)*10000;
  console.log('Received ' + dose);
} 

注意事项 #

• 蓝牙请求必须在用户交互事件（如点击、触摸）的回调中触发，否则会被浏览器安全策略拦截
• 如果设备支持通知功能，优先使用通知模式，比定时读取功耗更低、响应更及时
• 操作前可以先通过characteristic.properties判断特征值是否支持read、notify属性，避免操作报错

内容的提问来源于stack exchange，提问作者javagreenhorn