百度360必应搜狗淘宝本站头条
python类型转换python串口编程python计时python异常python进度条
当前位置：网站首页 > 技术资源 > 正文

Electron学习3 使用serialport操作串口

off999 2024-09-27 13:56 42 浏览 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 start

2. 安装 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 start

5. 修改 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 py27

2. 安装windows-build-tools

直接安装windows-build-tools大概率会失败，可按以下流程操作：

在执行npm install -g node-gpy后使用命令：

npm install -g --production windows-build-tools@4.0.0
  1. 当命令行界面开始不动时，打开任务管理器，把Build Tools结束任务；
  2. 再打开.windows-build-tools文件夹中的build-tools-log.txt，添加Variable: IsInstalled = 1，保存，关闭； 解决方案参考：https://blog.csdn.net/web15085181368/article/details/123192964

更多关于serialport的功能可参考官方文档。

相关推荐

如何桥接无线路由器并设置上网

1、登录副路由器管理界面操作电脑连接到副路由器的LAN口或无线信号（默认为TP-LINK_XXXX），打开浏览器，清空地址栏并输入tplogin.cn或192.168.1.1，设置不少于6位数的登录密...

电脑配置搭配（电脑配置搭配表）

电脑配置搭配需要考虑多个组件，包括CPU、主板、显卡、内存、硬盘、电源以及散热器等。以下是一些建议和指南：CPU选择：CPU是电脑的心脏，决定了电脑的整体性能。选择CPU时需要考虑核心数、主频、线程数...

新买的电脑从哪下载应用（电脑软件应用商店哪个好）
  • 新买的电脑从哪下载应用（电脑软件应用商店哪个好）
  • 新买的电脑从哪下载应用（电脑软件应用商店哪个好）
  • 新买的电脑从哪下载应用（电脑软件应用商店哪个好）
  • 新买的电脑从哪下载应用（电脑软件应用商店哪个好）
windows7安装步骤简述（win7的安装）

运行温度时期的电脑怎么组装？官方已经给出了相关配置：处理器(cpu)最好是主频1GHZ以上，32位或64位处理器，不过目前的处理器几乎都是64位的了，一般双核处理器都在1GHZ以上。　　也就是说目前绝...

电脑删除的数据怎么恢复（电脑删除数据怎么恢复原状）

步骤一：打开电脑上已经装好的Superrecovery软件，直接进入到“向导模式”。首先，大家需要做的就是选择文件所在的位置，例如：需要恢复的数据是在移动存储设备上（如：U盘、SD卡等），直接选择设备...

小马激活office2010（小马激活win11）
  • 小马激活office2010（小马激活win11）
  • 小马激活office2010（小马激活win11）
  • 小马激活office2010（小马激活win11）
  • 小马激活office2010（小马激活win11）
删除数据恢复（删除数据恢复出厂设置）

1.在手机上下载手机数据恢复精灵，进入软件之后，选择微信恢复。2.点击开始恢复，选择需要恢复的联系人，等待一会儿，就能看到恢复好的聊天记录。3.可以安装打开互盾安卓恢复大师，手机数据线连接手机后，点击...

复制粘贴不了怎么解决（电脑不能复制粘贴了怎么处理）

1、查看手机输入法的剪贴板选项，是否有复制的文本，如果有就直接点击就可以直接输入了。2、复制后，长按不出来粘贴键的时候，需要把应用程序关闭掉重新开，重新复制粘贴，或者尝试重启手机。3、可以尝试重新复制...

u盘被写保护去除步骤（u盘的被写保护怎么解除）

U盘被写保护通常是因为存储器故障、病毒感染、文件系统损坏等原因导致的，但可以通过以下几种方法进行解除：1.检查U盘开关：一些U盘可能会有物理上的写保护开关，将其关闭即可解除写保护。2.使用命令行清...

电脑蓝屏怎么用u盘重装系统（电脑蓝屏重装系统教程u盘）

U盘装系统步骤：1．制作U盘启动盘。这里推荐U启动U盘启动盘制作工具，在网上一搜便是。2．U盘启动盘做好了，我们还需要一个GHOST文件，可以从网上下载一个ghost版的XP/WIN7/WIN8系统，...

erp管理软件（erp管理软件免费版）
erp管理软件（erp管理软件免费版）

用友的ERP应该说从3万-3000都有ERP的价格随着企业的规模不同，价格也是不一样的。因为企业规模不同产生的效果也是不一样的，所以用友的产品分T1/T3/T6/U8/U9/NC3万小企业做个财务业务一体化还是勉强可以做的。只...

2025-11-11 09:03 off999

笔记本启动黑屏怎么回事（笔记本启动黑屏没反应）

笔记本开机后黑屏最常遇到的一种情况：因随便点击垃圾网站而导致电脑中脑或受到木马的侵袭，致使电脑系统瘫痪，解决的办法就是重装电脑系统，装好系统后安装查毒软件，定期对电脑进行杀毒全盘扫描，然后平时尽量不要...

win7系统怎么开wifi热点（win7如何开wifi热点）

 1、首先确认你的无线网卡开启。在开始菜单中依次找到“所有程序”--“附件”--“命令提示符”，右键“以管理员身份运行”; 　　2、在“命令提示符”里输入“netshwlans...

无线路由桥接设置方法（无线路由器无线桥接设置）

1、首先在电脑上输入并登录第一台路由器的IP地址。2、进入路由器管理界面之后，点击“无线设置”，然后点击基本设置中设置“SSID号”，接着点击“信道”，然后设置固定信号道。3、返回无线设置菜单栏，选择...

win10企业版激活命令（win10企业版cmd激活命令）

关于这个问题，Windows10企业版可以通过以下方法进行激活：1.使用企业版密钥激活：如果你已经有了Windows10企业版的密钥，可以在“设置”中的“更新和安全”中选择“激活”来输入密钥进行...

取消回复欢迎 你 发表评论:

一周热门
最近发表
标签列表
Copyright Your WebSite.Some Rights Reserved.