Как отслеживать изменение характеристик BLE с помощью веб-API Bluetooth?

#javascript #reactjs #bluetooth-lowenergy

Вопрос:

У меня есть шкала BLE, которую я намерен использовать с веб-API bluetooth. С помощью сканера BLE мне удалось найти соответствующий сервис и характерный UUID для измерения веса. С помощью этого я смог подключиться к устройству, но мне не удалось прочитать какое-либо значение из характеристики… оно просто отключается через несколько секунд. Что я делаю не так? (конфигурация: android10, chrome 92.0.4515.131)

Вот код реакции:

 import { useState } from "react";

const App = () => {
  const [reading, setReading] = useState(null);
  const options = {
    primaryService: "0000780a-0000-1000-8000-00805f9b34fb",
    serviceCharacteristic: "00008aa2-0000-1000-8000-00805f9b34fb",
  };

  function handleScaleMeasurementCharacteristic(characteristic) {
    console.log(characteristic);
    console.log("Starting notifications...");
    return characteristic.startNotifications().then((char) => {
      console.log("Adding event listener...");
      char.addEventListener(
        "oncharacteristicvaluechanged",
        onCharacteristicValueChanged
      );
    });
  }

  const onCharacteristicValueChanged = (event) => {
    setReading(event.target.value.getUint8(0));
  };

  const onDisconnected = (event) => {
    console.log(`The device ${event.target.name} is disconnected`);
  };

  const onButtonClick = () => {
    navigator.bluetooth
      .requestDevice({
        filters: [{ services: [options.primaryService] }],
      })
      .then((device) => {
        device.addEventListener("gattserverdisconnected", onDisconnected);
        return device.gatt.connect();
      })
      .then((server) => server.getPrimaryService(options.primaryService))
      .then((service) => {
        service
          .getCharacteristic(options.serviceCharacteristic)
          .then(handleScaleMeasurementCharacteristic);
      });
  };

  return (
    <>
      <center style={{ paddingTop: 50 }}>
        {reading !== null ? (
          <h2>{reading}</h2>
        ) : (
          <button onClick={onButtonClick}>CONNECT TO SCALE</button>
        )}
      </center>
    </>
  );
};

export default App;
 

А вот журнал консоли:

снимок экрана журнала консоли