J*aScript_串口通信与硬件交互_石家庄创泽智能科技有限公司

新闻中心 NEWS CENTER

您当前位置：首页 > 新闻中心 > 网络学院

J*aScript_串口通信与硬件交互

2025-11-23

浏览次数：次

返回列表

答案：J*aScript通过Web Serial API实现串口通信，需Chrome 89+和HTTPS环境，用户触发连接后可读写串口数据。1. 使用n*igator.serial.requestPort()选择设备；2. 调用port.open()设置波特率建立连接；3. 通过ReadableStream读取Uint8Array数据并解码；4. 利用WritableStream发送编码后的指令；5. 应用于物联网、教育平台及工业HMI等场景，需处理异常与重连。

javascript_串口通信与硬件交互

J*aScript 实现串口通信与硬件交互，主要依赖现代浏览器提供的 Web Serial API。这个 API 允许网页通过 J*aScript 与串行设备（如 Arduino、传感器、PLC 等）直接通信，无需安装额外插件或本地程序。

Web Serial API 基础

Web Serial API 是目前在 Chrome 及基于 Chromium 的浏览器中支持的一项功能，适用于需要与微控制器或嵌入式设备通信的 Web 应用。

使用前需确保：

浏览器为 Chrome 89 或更高版本
网站运行在 HTTPS 环境下（本地开发可使用 localhost）
用户主动触发设备连接（如点击按钮）

请求并连接串口设备

通过 n*igator.serial.requestPort() 方法可以弹出设备选择框，让用户选择要连接的串口设备。

示例代码：

async function connect() {
  try {
    // 请求用户选择串口设备
    const port = await n*igator.serial.requestPort();
    
    // 打开连接，设置波特率（需与硬件一致）
    await port.open({ baudRate: 9600 });

    console.log('设备已连接');
    return port;
  } catch (error) {
    console.error('连接失败:', error);
  }
}

读取与写入数据

连接成功后，可通过 ReadableStream 和 WritableStream 进行数据收发。

Kreado AI

Kreado AI是一个多语言AI视频创作平台，只需输入文本或关键词，即可创作真实/虚拟人物的多语言口播视频。为创作者提供AI赋能

182 查看详情 Kreado AI

读取数据：

async function readData(port) {
  const reader = port.readable.getReader();

  while (true) {
    const { value, done } = await reader.read();
    if (done) break;

    // value 是 Uint8Array 类型
    const text = new TextDecoder().decode(value);
    console.log('收到:', text);
  }

  reader.releaseLock();
}

发送数据：

async function sendData(port, message) {
  const encoder = new TextEncoder();
  const writer = port.writable.getWriter();

  await writer.write(encoder.encode(message));
  writer.releaseLock();
}

// 示例：发送指令到设备
sendData(port, 'LED_ON\n');