外网浏览网站,网站建设建设价格,做单位网站的公司,神箭手wordpressElectron学习3 使用serialport操作串口 一、准备工作二、 SerialPort 介绍1. 核心软件包(1) serialport(2) serialport/stream(3) serialport/bindings-cpp(4) serialport/binding-mock(5) serialport/bindings-interface 2. 解析器包3. 命令行工具 三、创建一个demo程序1. 创建… Electron学习3 使用serialport操作串口 一、准备工作二、 SerialPort 介绍1. 核心软件包(1) serialport(2) serialport/stream(3) serialport/bindings-cpp(4) serialport/binding-mock(5) serialport/bindings-interface 2. 解析器包3. 命令行工具 三、创建一个demo程序1. 创建 electron 项目2. 安装 serialport3. 安装 electron-rebuild4. 使用 node-gyp 编译库5. 修改 main.js 配置8. 写测试程序7. 运行程序 四、问题处理1. 安装python2.7虚拟环境2. 安装windows-build-tools 一、准备工作
本文将使用 nodejs 的 SerialPort 包来实现串口通讯功能。 Node SerialPort 是一个 JavaScript 库用于连接到在 NodeJS 和 Electron 中工作的串行端口以下是准备环境
Electron 开发环境电脑有串口通讯能力一般使用USB-串口转接板windows 操作系统
本文操作过程来自 https://girishjoshi.io/post/access-serialport-from-electron-application-and-creating-gui-for-micropython-repl-on-esp8266/
二、 SerialPort 介绍
文档地址 https://serialport.io/docs/
1. 核心软件包
(1) serialport
主对象使用流式传输支持跨平台的串行端口访问。
(2) serialport/stream
为绑定提供的流式接口。
(3) serialport/bindings-cpp
为nodejs、electron提供跨平台的绑定支持。
(4) serialport/binding-mock
为测试实现模拟绑定功能。
(5) serialport/bindings-interface
一个typescript 接口用来实现自己的绑定时使用。
2. 解析器包
解析器用来对原始的二进制数据转换成自己需要的消息格式。 包含以下解析器包这里不进行详解
serialport/parser-byte-lengthserialport/parser-cctalkserialport/parser-delimiterserialport/parser-inter-byte-timeoutserialport/parser-packet-lengthserialport/parser-readlineserialport/parser-readyserialport/parser-regexserialport/parser-slip-encoderserialport/parser-spacepacket
3. 命令行工具
比较有用的命令行工具包括
serialport/listserialport/replserialport/terminal
三、创建一个demo程序
1. 创建 electron 项目
# Clone the Quick Start repository
$ git clone https://github.com/electron/electron-quick-start
# Go into the repository
$ cd electron-quick-start
# Install the dependencies and run
$ npm install npm start2. 安装 serialport
npm install --save serialport 3. 安装 electron-rebuild
因为选择npm版本不同这里要对库进行重编译要先安装 electron-rebuild 工具。
npm install --save-dev electron-rebuild
.\node_modules\.bin\electron-rebuild
npm rebuild注意原文路径中用的 / 我在windows 系统改用 \。
4. 使用 node-gyp 编译库
npm install node-gyp electron electron-rebuild serialport --build-from-source
./node_modules/.bin/electron-rebuild
npm start5. 修改 main.js 配置
修改 WebPreferences 如下
webPreferences: {preload: path.join(__dirname, preload.js),nodeIntegration: true,contextIsolation: false
}8. 写测试程序
!DOCTYPE html
html
headmeta charsetUTF-8titleElectron test serialport/title
/head
body
h1Serial terminal/h1script//load serialport moduleconst {SerialPort} require(serialport);SerialPort.list().then(_{console.info(_);});const serialPort new SerialPort({path:COM3, baudRate: 115200}, function (err) {if(err) {console.error(err);}});console.info(serialPort);serialPort.write(abc, (err){if (err) {return console.log(Error on write: , err.message)}console.log(message written)});serialPort.on(error, function(err) {console.log(Error: , err.message)});serialPort.on(data, function (data){console.info(data, data);});/script
scriptrequire(./renderer.js)
/script
/body
/html7. 运行程序
npm start项目结构
四、问题处理
在执行electron-rebuild时可能需要安装windows-build-tools。新版本的windows-build-tools支持Python3.*版本但使用Python2.7比较保险。
1. 安装python2.7虚拟环境
如果本机没有Python2.7则可以使用MiniAnaconda配置虚拟环境 。 先下载安装MiniAnaconda工具然后用命令行创建虚拟环境
conda create -n py27 python2.7
conda activate py27
2. 安装windows-build-tools
直接安装windows-build-tools大概率会失败可按以下流程操作
在执行npm install -g node-gpy后使用命令
npm install -g --production windows-build-tools4.0.0当命令行界面开始不动时打开任务管理器把Build Tools结束任务再打开.windows-build-tools文件夹中的build-tools-log.txt添加Variable: IsInstalled 1保存关闭 解决方案参考https://blog.csdn.net/web15085181368/article/details/123192964
更多关于serialport的功能可参考官方文档。
