Electron学习3 使用serialport操作串口
off999 2024-09-27 13:56 28 浏览 0 评论
一、准备工作
本文将使用 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-length - @serialport/parser-cctalk - @serialport/parser-delimiter - @serialport/parser-inter-byte-timeout - @serialport/parser-packet-length - @serialport/parser-readline - @serialport/parser-ready - @serialport/parser-regex - @serialport/parser-slip-encoder - @serialport/parser-spacepacket
3. 命令行工具
比较有用的命令行工具，包括： - @serialport/list - @serialport/repl - @serialport/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 serialport3. 安装 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>
<head>
<meta charset="UTF-8">
<title>Electron test serialport</title>
</head>
<body>
<h1>Serial terminal</h1>
<script>
//load serialport module
const {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>
<script>
require('./renderer.js')
</script>
</body>
</html>7. 运行程序
npm start项目结构：
在这里插入图片描述
四、问题处理
在执行electron-rebuild时，可能需要安装windows-build-tools。新版本的windows-build-tools支持Python3.*版本，但使用Python2.7比较保险。
1. 安装python2.7虚拟环境
如果本机没有Python2.7，则可以使用MiniAnaconda配置虚拟环境 。 先下载安装MiniAnaconda工具，然后用命令行创建虚拟环境 ：
conda create -n py27 python=2.7
conda activate py272. 安装windows-build-tools
直接安装windows-build-tools大概率会失败，可按以下流程操作：
在执行npm install -g node-gpy后使用命令：
npm install -g --production windows-build-tools@4.0.0- 当命令行界面开始不动时，打开任务管理器，把Build Tools结束任务；
- 再打开.windows-build-tools文件夹中的build-tools-log.txt，添加Variable: IsInstalled = 1，保存，关闭； 解决方案参考：https://blog.csdn.net/web15085181368/article/details/123192964
更多关于serialport的功能可参考官方文档。
相关推荐
- 实战:用 Python+Flask+Echarts 构建电商实时数据大屏
-
在电商运营中，实时掌握销售趋势、用户行为等核心数据是决策的关键。本文将从实战角度，详解如何用Python+Flask+Echarts技术栈，快速搭建一个支持实时更新、多维度可视化的电商数据大屏，帮...
- DeepSeek完全使用手册:从新手到高手的2000字实操指南
-
一、工具定位与核心功能矩阵（200字）DeepSeek是一款专注于深度推理的强大AI助手，其功能丰富多样，可归纳为4大能力象限：plaintext差异化优势：DeepSeek支持最长达16Ktok...
- Python绘制可爱的图表 cutecharts
-
一个很酷的python手绘样式可视化包——可爱的图表cutecharts。Cutecharts非常适合为图表提供更个性化的触感。Cutecharts与常规的Matplotlib和Seabo...
- 第十二章:Python与数据处理和可视化
-
12.1使用pandas进行数据处理12.1.1理论知识pandas是Python中最常用的数据处理库之一，它提供了高效的数据结构和数据分析工具。pandas的核心数据结构是Serie...
- 5分钟就能做一个Excel动态图表，你确定不学学?(纯gif教学)
-
本文说明下图是一个比较酷炫的Excel动态图表，最难的部分就是用到了一个复选框控件。其实这个控件我很早就见过，但是不会用呀！望洋兴叹。这次呢，我也是借着这个文章为大家讲述一下这个控件的使用。本文没有...
- Python数据可视化:从Pandas基础到Seaborn高级应用
-
数据可视化是数据分析中不可或缺的一环，它能帮助我们直观理解数据模式和趋势。本文将全面介绍Python中最常用的三种可视化方法。Pandas内置绘图功能Pandas基于Matplotlib提供了简洁的绘...
- 如何使用 Python 将图表写入 Excel
-
将Python生成的图表写入Excel文件是数据分析和可视化中常见的需求。Python提供了多种库（如matplotlib、openpyxl和xlsxwriter）来实现这一功能。本文...
- Excel 图表制作太痛苦?用 Python 生成动态交互图表
-
做个动态图表花了3小时？你该换方法了！上周帮销售部做季度汇报图表，Excel操作把我整崩溃了——插入折线图后发现数据源选错，重新选择又得调格式想做动态筛选图表，捣鼓"开发工具"...
- Python Matplotlib 入门教程:可视化数据的基石
-
一、简介Matplotlib是Python中最流行的数据可视化库，提供从简单折线图到复杂3D图形的完整解决方案。其核心优势在于：o灵活性强：支持像素级样式控制o兼容性好：与NumPy、Pa...
- 20种Python数据可视化绘图 直接复制可用
-
本文介绍20种python数据绘图方法，可直接用于科研绘图或汇报用图。1.折线图(LinePlot)-描述数据随时间或其他变量的变化。importmatplotlib.pyplotasp...
- Python os模块完全指南:轻松玩转文件管理与系统操作
-
Pythonos模块完全指南：轻松玩转文件管理与系统操作os模块是Python与操作系统对话的"瑞士军刀"，学会它能让你轻松管理文件、操控路径、获取系统信息。本教程通过场景化案例+...
- Python中h5py与netCDF4模块在Anaconda环境的下载与安装
-
本文介绍基于Anaconda环境，下载并安装Python中h5py与netCDF4这两个模块的方法。h5py与netCDF4这两个模块是与遥感图像处理、地学分析等GIS操作息息相关的模块，应用...
- python中的模块、库、包有什么区别?
-
一文带你分清Python模块、包和库。一、模块Python模块(Module)，是一个Python文件，以.py结尾，包含了Python对象定义和Python语句。模块能定义函数，类和变...
- centos7 下面使用源码编译的方式安装python3.11
-
centos7下面使用源码编译的方式安装python3.11，步骤如下：cd/root#只是将python3.11的安装包下载到/root目录下wgethttps://www.python.o...
- Python其实很简单 第十四章 模块
-
模块是一组程序代码，可以是别人已经写好的，也可以是自己编写的，但都是已经存在的，在编程时直接使用就可以了。模块机制的最大好处就是程序员不再编写重复的代码，而直接利用已有的成果，这样就能将更多的精力投入...
欢迎 你 发表评论:
- 一周热门
- 最近发表
- 标签列表
-
- python计时 (73)
- python安装路径 (56)
- python类型转换 (93)
- python进度条 (67)
- python吧 (67)
- python的for循环 (65)
- python格式化字符串 (61)
- python静态方法 (57)
- python列表切片 (59)
- python面向对象编程 (60)
- python 代码加密 (65)
- python串口编程 (77)
- python封装 (57)
- python读取文件夹下所有文件 (59)
- java调用python脚本 (56)
- python操作mysql数据库 (66)
- python获取列表的长度 (64)
- python接口 (63)
- python调用函数 (57)
- python多态 (60)
- python匿名函数 (59)
- python打印九九乘法表 (65)
- python赋值 (62)
- python异常 (69)
- python元祖 (57)