Web Serial 数据采集与 IndexedDB 持久化实践

概述Web Serial 允许在浏览器中读取设备串口数据。本文展示采集到本地持久化的最小路径。能力检测与连接const supportsSerial = !!navigator.serial;

async function connectSerial() {

const port = await navigator.serial.requestPort();

await port.open({ baudRate: 9600 });

return port;

}

async function readLoop(port, onChunk) {

const reader = port.readable.getReader();

try {

while (true) {

const { value, done } = await reader.read();

if (done) break; if (value) onChunk(value);

}

} finally { reader.releaseLock(); }

}

IndexedDB 持久化function openDB(name) { return new Promise((resolve, reject) => { const r = indexedDB.open(name, 1); r.onupgradeneeded = () => { const db = r.result; if (!db.objectStoreNames.contains('samples')) db.createObjectStore('samples', { autoIncrement: true }); }; r.onsuccess = () => resolve(r.result); r.onerror = () => reject(r.error); }); }

async function saveSample(bytes) {

const db = await openDB('serial');

const tx = db.transaction('samples', 'readwrite');

tx.objectStore('samples').add(Array.from(bytes));

await new Promise((resolve, reject) => { tx.oncomplete = resolve; tx.onerror = () => reject(tx.error); });

db.close();

}