前端Web Serial协议栈：通信层管理

            async function requestSerialPort() {
  try {
    const port = await navigator.serial.requestPort();
    return port;
  } catch (error) {
    console.error("Error requesting serial port:", error);
    return null;
  }
}

async function openSerialConnection(port, baudRate = 115200) {
  try {
    await port.open({
      baudRate: baudRate,
    });
    return port;
  } catch (error) {
    console.error("Error opening serial port:", error);
    return null;
  }
}

// Example usage
async function connectToSerial() {
  const port = await requestSerialPort();
  if (!port) {
    alert("No serial port selected or permission denied.");
    return;
  }

  const connection = await openSerialConnection(port);
  if (!connection) {
    alert("Failed to open connection.");
    return;
  }

  console.log("Connected to serial port:", port);
}

            

              
                Copy
              
            
          

            
// Web Application (Sending Commands)
async function sendCommand(port, command) {
  const encoder = new TextEncoder();
  const writer = port.writable.getWriter();
  try {
    await writer.write(encoder.encode(command + '\n')); // Append newline delimiter
    await writer.close();
  } catch (error) {
    console.error("Error sending command:", error);
  } finally {
    writer.releaseLock();
  }
}

// Web Application (Receiving Data)
async function readData(port) {
  const decoder = new TextDecoder();
  const reader = port.readable.getReader();
  let receivedData = '';

  try {
    while (true) {
      const { value, done } = await reader.read();
      if (done) {
        break;
      }
      receivedData += decoder.decode(value);

      // Process data based on delimiters.
      const messages = receivedData.split('\n');
      for (let i = 0; i < messages.length -1; i++) {
        console.log("Received message:", messages[i]);
      }
      receivedData = messages[messages.length -1];
    }
  } catch (error) {
    console.error("Error reading data:", error);
  } finally {
    reader.releaseLock();
  }
}

//Device Side (Simplified Arduino Example)
void setup() {
  Serial.begin(115200);
}

void loop() {
  if (Serial.available() > 0) {
    String command = Serial.readStringUntil('\n');
    command.trim(); // Remove leading/trailing whitespace

    if (command == "readTemp") {
      float temperature = readTemperature(); // Example Function
      Serial.println(temperature);
    } else if (command == "ledOn") {
      digitalWrite(LED_BUILTIN, HIGH);
      Serial.println("LED ON");
    } else if (command == "ledOff") {
      digitalWrite(LED_BUILTIN, LOW);
      Serial.println("LED OFF");
    } else {
      Serial.println("Invalid command.");
    }
  }
}

            

              
                Copy
              
            
          

            
async function readDataBuffered(port) {
    const decoder = new TextDecoder();
    const reader = port.readable.getReader();
    let buffer = '';

    try {
        while (true) {
            const { value, done } = await reader.read();
            if (done) {
                break;
            }
            buffer += decoder.decode(value);

            // Split the buffer into messages based on newline delimiters
            const messages = buffer.split('\n');

            // Process each complete message
            for (let i = 0; i < messages.length - 1; i++) {
                const message = messages[i];
                // Process the message (e.g., parse it based on your protocol)
                processMessage(message);
            }

            // Store any incomplete part of the last message back in the buffer
            buffer = messages[messages.length - 1];
        }
    } catch (error) {
        console.error("Error reading data:", error);
    } finally {
        reader.releaseLock();
    }
}

function processMessage(message) {
    // Your message processing logic here.
    // Parse the message, extract data, and update the UI, for example.
    console.log("Received message:", message);
}

            

              
                Copy
              
            
          

            
async function sendCommandWithRetry(port, command, retries = 3, timeout = 5000) {
    for (let i = 0; i <= retries; i++) {
        try {
            await Promise.race([
                sendCommand(port, command),
                new Promise((_, reject) => setTimeout(() => reject(new Error("Timeout")), timeout))
            ]);
            // Command successful, exit the retry loop
            return;
        } catch (error) {
            console.error(`Attempt ${i + 1} failed with error:`, error);
            if (i === retries) {
                // Max retries reached, handle the final error
                alert("Command failed after multiple retries.");
                throw error;
            }
            // Wait before retrying (implement exponential backoff if desired)
            await new Promise(resolve => setTimeout(resolve, 1000));
        }
    }
}

async function sendCommand(port, command) {
    const encoder = new TextEncoder();
    const writer = port.writable.getWriter();
    try {
        await writer.write(encoder.encode(command + '\n'));
        await writer.close();
    } catch (error) {
        console.error("Error sending command:", error);
        throw error; // Re-throw the error to be caught by the retry logic
    } finally {
        writer.releaseLock();
    }
}

            

              
                Copy
              
            
          

            
// main.js
const worker = new Worker('serial-worker.js');

async function connectToSerial() {
  const port = await requestSerialPort();
  if (!port) return;
  const connection = await openSerialConnection(port);
  if (!connection) return;

  worker.postMessage({ type: 'connect', port: port });

  worker.onmessage = (event) => {
    if (event.data.type === 'data') {
      const data = event.data.payload;
      // Update UI with the received data.
      console.log("Data from worker:", data);
    } else if (event.data.type === 'error') {
      console.error("Error from worker:", event.data.payload);
    }
  };
}

// serial-worker.js

self.onmessage = async (event) => {
  if (event.data.type === 'connect') {
    const port = event.data.port;
    // Clone the port to pass it to the worker.
    const portCopy = await port.port;
    const reader = portCopy.readable.getReader();
    const decoder = new TextDecoder();
    try {
      while (true) {
        const { value, done } = await reader.read();
        if (done) break;
        const data = decoder.decode(value);
        self.postMessage({ type: 'data', payload: data });
      }
    } catch (error) {
      self.postMessage({ type: 'error', payload: error });
    } finally {
      reader.releaseLock();
    }
  }
}

            

              
                Copy