:::info{title="主题"}
基于`Electron+node+serialport`与终端进行通信
:::

**上位机与终端交互时序图**

<img src=https://raw.githubusercontent.com/Quietly-20201113/PictureSpace/main/node/202301061401901.png width=60% />


**串口与数据处理逻辑图**
![](https://raw.githubusercontent.com/Quietly-20201113/PictureSpace/main/node/port202301311126382.png)


****

### 甲、准备工作
#### 甲子、安装虚拟串口工具
[vspdxp传送门](https://www.eltima.com/products/vspdxp/)
> **断网安装**

图例

![](https://raw.githubusercontent.com/Quietly-20201113/PictureSpace/main/node/vspdxp_202301311113561.png)

****

#### 乙丑、安装串口调试助手
> 百度 `串口调试助手`、`友善串口调试助手`
![](https://raw.githubusercontent.com/Quietly-20201113/PictureSpace/main/node/port_tools_202301311123089.png)
****

### 乙、抽离串口与终端处理类
#### 甲子、抽离串口路径(案例由electron开发的PC,可做配置,web端无须单独配置)
> 建立`yml`文件,定义串口路径
> 方便串口路径更换时可自行配置路径
> `serialPortPath: COM7`
> 由`yamljs`解析

#### 乙丑、建立错误处理类
> 统一收集`SerialPort`抛出异常以及回调
> `open`,`send`,`init`,`error`,`close`

图例

![](https://raw.githubusercontent.com/Quietly-20201113/PictureSpace/main/node/prot_202301311526454.png)
****

### 丙、`serialport`使用详例
#### 甲子、[serialport文档传送门](https://serialport.io/docs/api-serialport)
#### 乙丑、`eventEmitter`命令接受处理
#### 丙寅、`successEmitter`命令接受处理
#### 丁卯、`errorEmitter`命令接手处理
#### 戊辰、`wirteInfo`发送串口消息
#### 己巳、`receiveInfo`接受串口消息

基于JavaScript使用serialport与终端进行串口通信

google-site-verification

baidu-site-verification

script

首页

分类

时间线

友链

关于

antd 中组件Upload实现批量上传(单次请求)

Cesium绘制轨迹线与轨迹点

目录

甲、准备工作

甲子、安装虚拟串口工具

乙丑、安装串口调试助手

乙、抽离串口与终端处理类

甲子、抽离串口路径(案例由electron开发的PC,可做配置,web端无须单独配置)

乙丑、建立错误处理类

丙、`serialport`使用详例

甲子、serialport文档传送门

乙丑、`eventEmitter`命令接受处理

丙寅、`successEmitter`命令接受处理

丁卯、`errorEmitter`命令接手处理

戊辰、`wirteInfo`发送串口消息

己巳、`receiveInfo`接受串口消息

目录

甲、准备工作

甲子、安装虚拟串口工具

乙丑、安装串口调试助手

乙、抽离串口与终端处理类

甲子、抽离串口路径(案例由electron开发的PC,可做配置,web端无须单独配置)

乙丑、建立错误处理类

丙、serialport使用详例

甲子、serialport文档传送门

乙丑、eventEmitter命令接受处理

丙寅、successEmitter命令接受处理

丁卯、errorEmitter命令接手处理