mkdir my-electron-app && cd my-electron-appnpm init -ynpm i --save-dev electron
网上有很多Electron教程,这里不再详细说了在package.json中看一下自己的Electron的版本,下一步会用到2、下载SerialPort这里先看一下自己使用的Electron对应的Node版本是什么,打开下面electron官网看表格中的Node那一列Electron发行时间表:www.electronjs.org/zh/docs/lat…如果你Electron对应的Node版本高于v12.0.0,直接下载就行npm install serialport
如果你Electron对应的Node版本低于或等于v12.0.0,请用对应的Node版本对应下面的serialport版本下载serialport.io/docs/next/g…对于 Node.js 版本0.10和0.12,最后一个正常运行的版本是serialport@4对于 Node.js 版本4.0,最后一个正常运行的版本是serialport@6.对于 Node.js 版本8.0,最后一个正常运行的版本是serialport@8.对于 Node.js 版本10.0,最后一个正常运行的版本是serialport@9.对于 Node.js 版本12.0,最后一个正常运行的版本是serialport@10.我项目的Electron版本是11.5.0,对应的Node版本号是12.0,对应的serialport版本号是serialport@10.0.03、编译Serialport安装node-gyp 用于调用其他语言编写的程序(如果已安装过请忽略这一步)npm install -g node-gyp
进入@serialport目录cd ./node_modules/@serialport/bindings
进行编译,target后面换成当前Electron的版本号node-gyp rebuild --target=11.5.0
如果编译的时候报错了就将自己电脑的Node版本切换成当前Electron对应的版本号再编译一次查看Electron对应Node版本号:www.electronjs.org/zh/docs/lat…编译成功以后就可以在代码里使用Serialport了4、使用Serialportserialport官网使用教程:serialport.io/docs/next/g…4.1、引入Serialportconst { SerialPort } = require('serialport')// orimport { SerialPort } from 'serialport'
4.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),我用的是serialport@10.0.0版本就是这样的写法const port = new Serialport('COM1', { baudRate: 9600, autoOpen: true, // 是否自动打开端口}, function (err) { if (err) { return console.log('打开失败: ', err.message) } console.log('打开成功')})
创建串口的时候需要传入两个重要的参数是path和baudRate,path是串口号,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);})
作者:Yaoqi链接:https://juejin.cn/post/7323464381172301860(图片来源网络,侵删)
0 评论