Web Serial API 是一个允许网页与外部设备(如串口设备)进行通信的接口。通过这个 API,开发者可以轻松地读取和写入串口数据,这在连接和控制外部硬件时非常有用。
Web Serial API 主要包括以下几种类型:
以下是一个简单的示例,展示如何在 ReactJS 中使用 Web Serial API:
import React, { useState, useEffect } from 'react';
function SerialApp() {
const [port, setPort] = useState(null);
const [data, setData] = useState('');
useEffect(() => {
if ('serial' in navigator) {
navigator.serial.requestPort().then((result) => {
setPort(result.ports[0]);
result.ports[0].addEventListener('data', (event) => {
setData(event.target.value);
});
result.ports[0].open({ baudRate: 9600 }).then(() => {
console.log('Port opened');
});
});
} else {
console.error('Web Serial API not supported');
}
}, []);
const sendData = () => {
if (port && port.readyState === 'open') {
port.write('Hello, Serial Port!');
}
};
return (
<div>
<h1>Serial Communication</h1>
<button onClick={sendData}>Send Data</button>
<pre>{data}</pre>
</div>
);
}
export default SerialApp;
希望这些信息对你有所帮助!如果有更多问题,请随时提问。
领取专属 10元无门槛券
手把手带您无忧上云