#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;
А вот журнал консоли: