广 做网站蓝光电影下载,网站推广策划方案书,网站视频转码软件,河南省汝州市建设门户网站因为最近工作项目中用到了电子秤#xff0c;需要对接电子秤设备。以前也没有对接过这种设备#xff0c;当时也是一脸懵逼#xff0c;脑袋空空。后来就去网上搜了一下前端怎么对接#xff0c;然后就发现了SerialPort串口。 Serialport 官网地址#xff1a;https://serialpo…因为最近工作项目中用到了电子秤需要对接电子秤设备。以前也没有对接过这种设备当时也是一脸懵逼脑袋空空。后来就去网上搜了一下前端怎么对接然后就发现了SerialPort串口。 Serialport 官网地址https://serialport.io/ Githubhttps://github.com/serialport/node-serialport 官方描述使用 JavaScript 访问串行端口。Linux、OSX 和 Windows。 SerialPort是什么 SerialPort 是一个用于在 Node.js 环境中进行串口通信的库。它允许开发者通过 JavaScript 或 TypeScript 代码与计算机上的串口设备进行交互。SerialPort 库提供了丰富的 API使得在串口通信中能够方便地进行设置、监听和发送数据。 一般我们的设备(电子秤/扫码枪)会有一根线插入到电脑的USB口或者其他口电脑上的这些插口就是叫串口。设备上的数据会通过这根线传输到电脑里面比如电子秤传到电脑里的就是重量数值。那么我们前端怎么接收解析到这些数据的呢SerialPort的作用就是用来帮我们接收设备传输过来的数据也可以向设备发送数据。
简单概括一下SerialPort就是我们前端和设备之间的翻译官可以接收设备传输过来的数据也可以向设备发送数据。
SerialPort怎么用
SerialPort可以在Node项目中使用也可以在Electron项目中使用我们一般都是用在Electron项目中接下来讲一下在Electron项目中SerialPort怎么下载和引入
1、创建Electron项目
mkdir my-electron-app cd my-electron-app
npm init -y
npm i --save-dev electron网上有很多Electron教程这里不再详细说了
在package.json中看一下自己的Electron的版本下一步会用到。
2、下载SerialPort
这里先看一下自己使用的Electron对应的Node版本是什么打开下面electron官网看表格中的Node那一列
Electron发行时间表https://www.electronjs.org/zh/docs/latest/tutorial/electron-timelines 如果你Electron对应的Node版本高于v12.0.0直接下载就行
npm install serialport如果你Electron对应的Node版本低于或等于v12.0.0请用对应的Node版本对应下面的serialport版本下载 https://serialport.io/docs/next/guide-platform-support#last-known-versions-for-unsupported-versions-of-nodejs 对于 Node.js 版本0.10和0.12最后一个正常运行的版本是serialport4。对于 Node.js 版本4.0最后一个正常运行的版本是serialport6.对于 Node.js 版本8.0最后一个正常运行的版本是serialport8.对于 Node.js 版本10.0最后一个正常运行的版本是serialport9.对于 Node.js 版本12.0最后一个正常运行的版本是serialport10. 我项目的Electron版本是11.5.0对应的Node版本号是12.0对应的serialport版本号是serialport10.0.0 3、编译Serialport 安装node-gyp 用于调用其他语言编写的程序如果已安装过请忽略这一步 npm install -g node-gyp进入serialport目录 cd ./node_modules/serialport/bindings进行编译target后面换成当前Electron的版本号 node-gyp rebuild --target11.5.0如果编译的时候报错了就将自己电脑的Node版本切换成当前Electron对应的版本号再编译一次
查看Electron对应Node版本号https://www.electronjs.org/zh/docs/latest/tutorial/electron-timelines
编译成功以后就可以在代码里使用Serialport了
4、使用Serialport serialport官网使用教程https://serialport.io/docs/next/guide-usage 4.1、引入Serialport
const { SerialPort } require(serialport)
// or
import { SerialPort } from serialport4.2、创建串口重点
创建串口有两种写法新版本是这样写法new SerialPort(params, callback)
const port new SerialPort({path: COM1, // 串口号baudRate: 9600, // 波特率autoOpen: true, // 是否自动打开端口
}, function (err) {if (err) {return console.log(打开失败: , err.message)}console.log(打开成功)
})旧版本是下面这样的写法new Serialport(path, params, callback)我用的是serialport10.0.0版本就是这样的写法
const port new Serialport(COM1, {baudRate: 9600,autoOpen: true, // 是否自动打开端口
}, function (err) {if (err) {return console.log(打开失败: , err.message)}console.log(打开成功)
})创建串口的时候需要传入两个重要的参数是path和baudRatepath是串口号baudRate是波特率。最后一个参数是回调函数 不知道怎么查看串口号和波特率看这篇文章如何查看串口和波特率 4.3、手动打开串口
如果autoOpen参数是false需要使用port.open()方法手动打开
const port new SerialPort({path: COM1, // 串口号baudRate: 9600, // 波特率autoOpen: false, // 是否自动打开端口, 默认true
})
// autoOpen参数是false需要使用port.open()方法手动打开
port.open(function (err) {if (err) {return console.log(打开失败, err.message)}console.log(打开成功)
})4.4、接收数据重点
接收到的data是一个Buffer需要转换为字符串进行查看
port.on(data, function (data) {// 接收到的data是一个Buffer需要转换为字符串进行查看console.log(Data:, data.toString(utf-8))
})接收过来的data就是设备传输过来的数据转换后的字符串就是我们需要的数据字符串里面可能有多个数据我们把自己需要的数据截取出来就可以了
假设通过电子秤设备获取到的数据就是205 000 000中间是四个空格分割的第一个数字205就是获取的重量需要把这个重量截取出来。下面是我的示例代码
port.on(data, function (data) {try {// 获取的data是一个Buffer// 1.将 Buffer 转换为字符串 dataString.toString(utf-8)let weight data.toString(utf-8)// 2.将字符串分割转换成数组取数组的第一个值.split( )[0]weight weight.split( )[0]// 3.将取的值 去掉前后空格weight weight.trim()// 4.最后转换成数字,获取到的数字就是重量weight Number(weight)console.log(获取到重量 weight);} catch (err) {console.error(重量获取报错${err}获取到的Buffer: ${data}Buffer转换后的值${data.toString(utf-8)});}
})4.5、写入数据
port.write(Hi Mom!)
port.write(Buffer.from(Hi Mom!))4.6、实时获取(监听)所有串口
const { SerialPort } require(serialport)SerialPort.list().then((ports, err) {// 串口列表console.log(获取所有串口列表, ports);
})更多内容
serialport官网教程https://serialport.io/docs/next/guide-usage 参考文章 electron-vue使用serialport串口通信及踩过的坑已解决 vue-cli3electronserialport实现串口通信收银系统对接电子秤
