npm 包 browser-serialport2 使用教程-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，有时需要通过串口与其他硬件设备进行通信，这时候就需要用到串口库。而 browser-serialport2 就是一个能在浏览器中使用的串口库。本文将会介绍使用 browser-serialport2 的方法和注意事项。

安装

在终端中输入以下命令即可安装 browser-serialport2：

npm install browser-serialport2

引入

在代码中引入 browser-serialport2：

const SerialPort = require('browser-serialport2').SerialPort;

参数说明

SerialPort 的构造函数支持以下参数：

path ：设备的串口路径
options ：可选参数，包括以下选项。
- baudRate ：波特率，默认为 9600
- dataBits ：数据位，默认为 8
- parity ：校验位，默认为 'none'
- stopBits ：停止位，默认为 1
- rtscts ：启用 RTS/CTS 流控制（请求发送/清除发送），默认为 false
- flowControl ：启用软件（XON/XOFF）流控制，默认为 false

示例代码

以下是一个简单的例子。它打开串口 /dev/ttyUSB0，并将收到的数据打印出来：

const port = new SerialPort('/dev/ttyUSB0', { baudRate: 9600 });

// 监听数据
port.on('data', data => {
  console.log(data.toString());
});

注意事项

仅支持最新版本的浏览器，不支持 IE。
需要添加 Web Serial 权限。
浏览器需要进行 HTTPS 加密连接，下面是一个例子：

-- -------------------- ---- -------
--------- -----
------
  ------
    -------------------------- ------------
  -------
  ------
    ---- ----------------
    --------
      ----- -------- ------ -
        ----- ---- - ----- ------------------------------ --------- ---- ---
        ----- ----------- --------- ---- ---
        ----- ------ - --------------------------
        ----- ------ -
          ----- - ------ ---- - - ----- --------------
          -- ------ -
            --------------------
            ------
          -
          ----- ------- - --- --------------------
          ----------------------------- -- ------------------------------------- - -- ----------------
        -
      -
      -------
    ---------
  -------
-------

总结

本文通过介绍 npm 包 browser-serialport2 的使用方法，详细讲述了库的安装、引入、参数及注意事项。在工作中，合理地使用 browser-serialport2 库能大大提高开发效率，为前端开发带来更多可能。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/60066c8accdc64669dde51e1