Electron+NodeJS+Node-Serialport安装备忘

最新推荐文章于 2025-07-04 10:17:22 发布

HkXtUg

最新推荐文章于 2025-07-04 10:17:22 发布

阅读量4.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： node-js electron 文章标签： python nodejs visual studio serialport

本文链接：https://blog.youkuaiyun.com/love100628/article/details/75336802

NodeJS Native Module Rebuild - remark

编译环境: VC 2017 Building Tool+ Python 2.7.13 x64 + NodeJS LTS 6.11.0, 确保node.exe、python.exe和npm 在PATH路径内

一、Init Electron 项目文件 package.json

{
  "name": "electron-ui-tp2",
  "version": "1.0.0",
  "description": "ui template",
  "main": "main.js",
  "scripts": {
    "

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

HkXtUg

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
5
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

使用Electron进行Node.js与进程间通信

2301_79326616的博客

09-17

291

主进程负责管理整个应用程序并创建渲染进程。除了主进程和渲染进程之间的通信，Electron还提供了其他形式的进程间通信，例如渲染进程之间的通信和主进程与渲染进程之间的同步通信。除了主进程和渲染进程之间的通信，Electron还提供了其他形式的进程间通信，如渲染进程之间的通信和主进程与渲染进程之间的同步通信。在主进程中，我们可以使用Electron的ipcMain模块创建一个监听器来接收来自渲染进程的消息。在主进程中，我们可以使用Electron的ipcMain模块创建一个监听器来接收来自渲染进程的消息。

electron+node+node-serialport nodeJs实现串口通信+electron-builder打包完整流程

marendu的博客

03-10

2万+

electron+node+node-serialport 实现串口通信+electron-builder打包完整流程最近有个项目需要连接电子秤到收银系统，然后需要调用硬件串口，因为收银系统，本来是用vue写好的网页，后面突然加了个需求，所以笔者思考了一下实现思路用node js 操作串口（serialport ）用electron，建立webSocet 和网页建立通信（用的ws模块） ...

5 条评论您还未登录，请先登录后发表或查看评论

从零创建一个vite+vue+Electron项目

最新发布

weixin_49763320的博客

07-04

827

在工作中，我们可能同时在进行2个或者多个不同的项目开发，每个项目的需求不同，进而不同项目必须依赖不同版本的NodeJS运行环境，这种情况下，对于维护多个版本的node将会是一件非常麻烦的事情，nvm就是为了解决这个问题而产生的，他可以方便的在同一台设备上进行多个node版本之间切换。解决electron在国内下载依赖问题及项目创建

Electron+Nodejs+SpringBoot+Socket构建IM

林北

10-08

1866

之前写的个人项目都是博客之类的，这次打算写一个新的东西，加上本身对网络编程不太熟悉，所以就打算写一个IM软件，在此过程中，来学习一下网络编程 Lchat 本次的项目取名为Lchat，没有什么具体含义。所用到的技术 Electron：因为之前写的项目都是网页版的，这次想弄点不一样的，在一次逛知乎的过程中发现了Electron，去简单了解了下，它使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序，总的来说就是它可以把网页变成桌面程序，还可以使用NodeJS，当时看到这个就觉得挺.

electron + nodejs (渲染进程创建一个子窗口)

qq_32900003的博客

05-14

2341

主进程和渲染进程的区别主窗体html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <bod

electron + nodejs (热更新)

qq_32900003的博客

05-22

962

package.json "build": { "appId": "com.whbs.app", "productName": "whbs", "directories": { "output": "build" }, "dmg": { "contents": [ { "x": 410, "y": 150, "type": "link", "path": "/Applications" }, {

electron + nodejs(初始化)

qq_32900003的博客

05-14

771

初始化：npm i electron -D (生成package.json文件) 配置main.js 创建主进程窗口 // 创建一个窗口 // 引入模块 // app模块 :控制应用的生命周期 const { app, BrowserWindow } = require('electron'); // path是node 内置模块拼接路径 const path = require('path'); //1. 初始化应用之后，会触发监听 ready 事件 app.on("ready",

13章Electron+Vue3+AI+云存储-实战跨平台桌面应用

11-14

本课程《13章Electron+Vue3+AI+云存储-实战跨平台桌面应用》便是为了满足这一需求而设计的，旨在传授如何利用最新的技术栈来构建既跨平台又具备智能化特性的桌面应用。课程内容涵盖了Electron、Vue3、人工智能（AI...

electron-serialport.zip_electron 读串口_electron串口_nodejs_nodejs串口编

07-13

本压缩包文件“electron-serialport.zip”显然是一个关于如何在Electron环境中使用Node.js进行串口通信的资源集合，其中可能包含了示例代码、教程或库文件。下面我们将详细探讨相关的知识点。 1. **Electron框架**...

Vue+Electron（electron-builder + electron-updater + electron-log）

09-06

使用Vue+Electron（electron-builder + electron-updater + electron-log）实现桌面应用程序的开发，面向所有electron使用者学习使用，内部源码都有注释。可参考文章（http://t.csdn.cn/BLM6Y）使用。

Electron项目中通过electron-vue + electron-builder + electron-updater实现远程更新（包含源码）

04-01

本项目利用`electron-vue`、`electron-builder`和`electron-updater`这三款强大的工具，实现了一个完整的远程更新流程，包括检查更新、下载更新以及自动安装更新。以下将详细介绍这三个组件的功能和实现方式。 **1....

Node.js-serialport-读和写访问串行端口的Node.js包

08-10

serialport - 读和写访问串行端口的Node.js包

Electron + nodejs 解决方案

mutouren_abc的博客

12-07

430

electron + vue + nodejs

node-SerialPort安装使用

SharpQian的博客

10-22

6764

node-SerialPort安装使用一、安装 // 由于SerialPort是调用c/c++代码，所以要进行编译，先安装node-pre-gyp sudo npm install node-pre-gyp --save // 一定要使用这个命令，在serialport git上有说明 sudo npm install serialport --unsafe-perm --build-from-...

Electron学习3 使用serialport操作串口

猿来这样-谢厂节的博客

08-23

3714

本文将使用 nodejs 的 SerialPort 包来实现串口通讯功能。 Node SerialPort 是一个 JavaScript 库，用于连接到在 NodeJS 和 Electron 中工作的串行端口，以下是准备环境：本文操作过程来自： https://girishjoshi.io/post/access-serialport-from-electron-application-and-creating-gui-for-micropython-repl-on-esp8266/文档地址： https:

electron-vue项目使用串口工具serialport

lrqforest的博客

06-03

2281

第一步：配置环境安装Python2.7 配置环境变量（官网下载）看网上说明必须是2.7版本，3不支持下载： https://www.python.org/downloads/ 配置环境变量： 2.安装 npm install --global --production windows-build-tools 3.安装node-gyp npm install -g node-gyp 第二步：安装 1.安装serialport npm install --save serialport 2.安装e

基于Electron + nodejs + 小程序实现弹幕小工具（上篇）

weixin_34128534的博客

11-23

910

前言上一篇文章，大概讲述我们即将要做的弹幕小工具是什么样的，将使用什么样的技术。那么，从这一篇开始，我们将一步步把想法落地成代码。本文，我们将使用Electron实现接收端，让我们的弹幕飞起来。效果图如上图所示，把放映PPT的同时，用户可以通过扫描小程序二维码，实时发表自己的想法，达到互动的效果。 Electron基本介绍如果你已经对Electron有了一定的了解，可跳过这部分的内容。 ...

实战Electron使用SerialPort与串口交互详细全过程

热门推荐

yetianyue的博客

07-03

2万+

Electron与串口交互示例公司尝试使用electron作为桌面端开发方向，要求Electron应用上与串口交互。第一次接触这个玩意，在网上冲浪半天，找到的信息基本不全，这里我作为新手将记录从环境准备，安装，使用示例到打包结束全过程信息。 1.环境准备 1.1 安装Node、Npm 个人股份v 访问Node.js官网，选择Windows Installe，安装最新稳定版的Node.js 。以下命令检验是否安装成功 # 下面这行的命令会打印出Node.js的版本信息 node -v # 下面这行的命

node.js配合electron打包成安装包

weixin_60523038的博客

04-08

2220

electron打包成安装包,electron如何修改logo

electron node-serialport

02-27

### 在Electron项目中集成`node-serialport` 为了在Electron应用里利用`node-serialport`实现串口通信功能，需先安装依赖包。通过命令行工具执行如下npm指令完成库文件下载与配置[^1]: ```bash npm install --save serialport ``` 创建主进程脚本(main.js)，引入所需模块并初始化SerialPort实例： ```javascript const { app, BrowserWindow } = require('electron'); const SerialPort = require('serialport'); let mainWindow; function createWindow() { mainWindow = new BrowserWindow({ width: 800, height: 600, webPreferences: { preload: path.join(__dirname, 'preload.js'), nodeIntegration: true // 启用Node.js环境支持 } }); mainWindow.loadFile('index.html'); } app.whenReady().then(createWindow); // 打开指定端口连接 const port = new SerialPort('/dev/ttyUSB0', { baudRate: 9600 }, (err) => { if (err) console.log(`Error opening port:${err.message}`); }); ``` 上述代码展示了基本设置过程，在实际开发过程中可能还需要处理更多细节问题如错误捕获、数据解析等。对于渲染进程中调用原生API的需求，则可通过预加载脚本来建立IPC通道传递消息给主进程来间接操作硬件资源[^2]。 ```javascript // preload.js const contextBridge = require('electron').contextBridge; const ipcRenderer = require('electron').ipcRenderer; contextBridge.exposeInMainWorld( "api",{ sendCommand:(command)=>ipcRenderer.send('send-command', command), onReceiveData:(callback)=>ipcRenderer.on('receive-data',(event,message)=>callback(message)) } ); ``` 这样既保持了安全隔离又实现了跨线程通讯机制。 #### 注意事项由于不同操作系统下可用的串口号有所差异，因此建议编写平台无关性的路径获取逻辑；另外考虑到权限控制因素，在某些场景下或许要申请额外访问许可才能正常工作[^3]。