当前位置： 首页 > news >正文

Electron 项目启动外部可执行文件的几种方式

news 2026/2/8 20:13:23

Electron 项目启动外部可执行文件的几种方式

序言

在开发 Electron 应用程序时，有时需要启动外部的可执行文件（如 .exe 文件）。这可能是为了调用系统工具、运行第三方软件或者集成现有的应用程序。
Electron 提供了多种方式来启动外部可执行文件，每种方法都有其适用场景和优缺点。本文将详细介绍这些方法，并提供详细的代码示例，帮助你在实际开发中选择最适合的方式来启动外部可执行文件。

1. 设置项目环境

首先，确保你已经安装了 Electron 和 child_process 模块。如果还没有安装，可以使用以下命令进行安装：

npm install electron --save-dev

2. 使用 child_process.spawn 启动外部可执行文件

child_process.spawn 是 Node.js 提供的一个方法，用于异步启动子进程。它非常适合启动长时间运行的进程，并且可以方便地处理标准输入、输出和错误流。

示例代码
const { app, BrowserWindow } = require('electron');
const { spawn } = require('child_process');let mainWindow;function createWindow() {mainWindow = new BrowserWindow({width: 800,height: 600,webPreferences: {nodeIntegration: true,contextIsolation: false,}});mainWindow.loadFile('index.html');
}app.on('ready', async () => {await createWindow();// 启动外部可执行文件function startExternalApp() {const child = spawn('notepad.exe'); // 示例：启动记事本child.stdout.on('data', (data) => {console.log(`stdout: ${data}`);});child.stderr.on('data', (data) => {console.error(`stderr: ${data}`);});child.on('close', (code) => {console.log(`子进程退出，退出码 ${code}`);});}// 绑定按钮事件mainWindow.webContents.on('did-finish-load', () => {mainWindow.webContents.send('init-start-button');});mainWindow.webContents.on('start-app', () => {startExternalApp();});
});
前端代码
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Electron Start External App</title>
</head>
<body><h1>Electron Start External App Example</h1><button id="start-button">Start External App</button><script>const { ipcRenderer } = require('electron');document.getElementById('start-button').addEventListener('click', () => {ipcRenderer.send('start-app');});ipcRenderer.on('init-start-button', () => {console.log('Start button initialized');});</script>
</body>
</html>

3. 使用 child_process.exec 启动外部可执行文件

child_process.exec 方法也用于启动子进程，但它更适合执行简单的命令行操作，并且会等待命令执行完毕后返回结果。

示例代码
const { app, BrowserWindow } = require('electron');
const { exec } = require('child_process');let mainWindow;function createWindow() {mainWindow = new BrowserWindow({width: 800,height: 600,webPreferences: {nodeIntegration: true,contextIsolation: false,}});mainWindow.loadFile('index.html');
}app.on('ready', async () => {await createWindow();// 启动外部可执行文件function startExternalApp() {const command = 'notepad.exe'; // 示例：启动记事本exec(command, (error, stdout, stderr) => {if (error) {console.error(`exec error: ${error}`);return;}console.log(`stdout: ${stdout}`);console.error(`stderr: ${stderr}`);});}// 绑定按钮事件mainWindow.webContents.on('did-finish-load', () => {mainWindow.webContents.send('init-start-button');});mainWindow.webContents.on('start-app', () => {startExternalApp();});
});

4. 使用 shell.openPath 或 shell.openExternal 启动外部可执行文件

shell.openPath 和 shell.openExternal 是 Electron 提供的方法，用于打开文件、目录或 URL。这些方法适用于不需要与外部进程进行交互的情况。

示例代码
const { app, BrowserWindow, shell } = require('electron');let mainWindow;function createWindow() {mainWindow = new BrowserWindow({width: 800,height: 600,webPreferences: {nodeIntegration: true,contextIsolation: false,}});mainWindow.loadFile('index.html');
}app.on('ready', async () => {await createWindow();// 启动外部可执行文件function startExternalApp() {const filePath = 'C:\\path\\to\\your\\app.exe'; // 替换为实际路径// 使用 shell.openPath 打开文件shell.openPath(filePath).then(() => {console.log('文件已打开');}).catch(err => {console.error(`打开文件时发生错误: ${err}`);});// 使用 shell.openExternal 打开文件shell.openExternal(filePath).then(() => {console.log('文件已打开');}).catch(err => {console.error(`打开文件时发生错误: ${err}`);});}// 绑定按钮事件mainWindow.webContents.on('did-finish-load', () => {mainWindow.webContents.send('init-start-button');});mainWindow.webContents.on('start-app', () => {startExternalApp();});
});

5. 使用 child_process.fork 启动外部 Node.js 脚本

child_process.fork 方法用于启动一个新的 Node.js 进程，并且可以方便地进行进程间通信。

示例代码

假设你有一个 Node.js 脚本 child.js：

// child.js
console.log('子进程启动');
process.on('message', (msg) => {console.log(`收到消息: ${msg}`);process.send('子进程响应');
});

在主进程中启动这个脚本：

const { app, BrowserWindow } = require('electron');
const { fork } = require('child_process');let mainWindow;function createWindow() {mainWindow = new BrowserWindow({width: 800,height: 600,webPreferences: {nodeIntegration: true,contextIsolation: false,}});mainWindow.loadFile('index.html');
}app.on('ready', async () => {await createWindow();// 启动外部 Node.js 脚本function startExternalScript() {const child = fork('child.js');child.on('message', (msg) => {console.log(`收到消息: ${msg}`);});child.send('主进程消息');}// 绑定按钮事件mainWindow.webContents.on('did-finish-load', () => {mainWindow.webContents.send('init-start-button');});mainWindow.webContents.on('start-app', () => {startExternalScript();});
});

总结

本文介绍了在 Electron 项目中使用不同的方法来启动外部可执行文件。具体方法包括：

  1. 使用 child_process.spawn 启动外部可执行文件：适用于需要异步启动子进程并处理标准输入、输出和错误流的情况。
  2. 使用 child_process.exec 启动外部可执行文件：适用于执行简单的命令行操作，并等待命令执行完毕后返回结果。
  3. 使用 shell.openPath 或 shell.openExternal 启动外部可执行文件：适用于不需要与外部进程进行交互的情况。
  4. 使用 child_process.fork 启动外部 Node.js 脚本：适用于启动新的 Node.js 进程并进行进程间通信。

相关文章：

Electron 项目启动外部可执行文件的几种方式

Electron 项目启动外部可执行文件的几种方式 序言 在开发 Electron 应用程序时&#xff0c;有时需要启动外部的可执行文件&#xff08;如 .exe 文件&#xff09;。这可能是为了调用系统工具、运行第三方软件或者集成现有的应用程序。 Electron 提供了多种方式来启动外部可执行…...

编程日记 2024/11/14 6:08:20

前端开发中常用的包管理器（npm、yarn、pnpm、bower、parcel）

文章目录 1. npm (Node Package Manager)2. Yarn (Yarn Package Manager)3. pnpm4. Bower5. Parcel总结 前端开发中常用的包管理器主要有以下几个&#xff1a; 1. npm (Node Package Manager) 简介&#xff1a; npm 是 Node.js 的默认包管理器&#xff0c;也是最广泛使用的包…...

编程日记 2024/11/14 6:07:19

Linux入门：环境变量与进程地址空间

一. 环境变量 1. 概念 1️⃣基本概念&#xff1a; 环境变量(environment variables)一般是指在操作系统中用来指定操作系统运行环境的一些参数 如&#xff1a;我们在编写C/C代码的时候&#xff0c;在链接的时候&#xff0c;从来不知道我们的所链接的动态静态库在哪里&#x…...

编程日记 2024/11/14 6:05:18

【Jenkins实战】Windows安装服务启动失败

写此篇短文&#xff0c;望告诫后人。 如果你之前装过Jenkins&#xff0c;出于换域账号/本地帐号的原因想重新安装&#xff0c;你大概率会遇上一次Jenkins服务启动失败提示&#xff1a; Jenkins failed to start - Verify that you have sufficient privileges to start system…...

编程日记 2024/11/14 6:04:17

web实操5——http数据详解，request对象功能

http请求数据 现在我们浏览器f12的那些是浏览器给http格式数据整理之后便于我们阅读的。 原始的http格式信息&#xff1a; 就是按照一定格式和符号的字符串&#xff1a; 请求行&#xff1a;格式如下图 请求头&#xff1a;一个个key&#xff0c;value数据&#xff0c;用,分割…...

编程日记 2024/11/14 6:02:14

C# 如何动态加载程序集

程序集的加载&#xff0c;默认是从当前目录下查找&#xff0c;如果当前目录查找不到&#xff0c;然后再去系统目录中查找&#xff0c;依然查找不到就会从环境变量中查找&#xff0c;如果依然找不到&#xff0c;则会抛出一个异常 FileNotFoundException。 托管代码中&#xff0…...

编程日记 2024/11/14 6:01:12

前端基础的讲解-JS(10)

作用域链 通过上节作用域我们知道&#xff0c;当我们声明一个函数时&#xff0c;程序会生成一个独立的作用域&#xff0c;如果函数中还有函数&#xff0c;那么在这个作用域中就又可以诞生一个作用域&#xff1b;根据 内部函数可以访问外部函数变量 的这种机制&#xff0c;用链…...

编程日记 2024/11/14 6:00:11

JNI整理总结

JNI JNI基础 JNI基础 JNI&#xff0c;java native interface&#xff0c;即java本地接口&#xff0c;是java调用本地化方法的接口&#xff0c;是为java编写本地方法&#xff0c;为jvm嵌入本地应用程序的标准化接口。首要目标是在给定的平台上采用java通过JNI调用本地化方法&am…...

编程日记 2024/11/14 5:59:10

aws中AcmClient.describeCertificate返回值中没有ResourceRecord

我有一个需求&#xff0c;就是让用户自己把自己的域名绑定我们的提供的AWS服务器。 AWS需要验证证书 上一篇文章中我用php的AcmClient中的requestCertificate方法申请到了证书。 $acmClient new AcmClient([region > us-east-1,version > 2015-12-08,credentials>[/…...

编程日记 2024/11/14 5:58:07

Spring Task详细讲解

✨Spring Task简介 Spring Task 是 Spring 提供的轻量级定时任务工具&#xff0c;也就意味着不需要再添加第三方依赖了&#xff0c;相比其他第三方类库更加方便易用。可以按照约定的时间自动执行某个代码逻辑。 使用场景&#xff1a; 信用卡每月还款提醒银行贷款每月还款提醒…...

编程日记 2024/11/14 5:57:07

C++初阶 --- 类和对象（1）

类和对象&#xff08;1&#xff09; 一、类的相关内容1.访问限定符2.class关键字与struct关键字的区别3.类域 二、this指针三、成员函数存放在哪里&#xff1f;1. 函数的存放位置2. 练习题 一、类的相关内容 1.访问限定符 &#xff08;1&#xff09;C⼀种实现封装的⽅式&…...

编程日记 2024/11/14 5:56:06

《TCP/IP网络编程》学习笔记 | Chapter 7：优雅地断开套接字连接

《TCP/IP网络编程》学习笔记 | Chapter 7&#xff1a;优雅地断开套接字连接 《TCP/IP网络编程》学习笔记 | Chapter 7&#xff1a;优雅地断开套接字连接基于 TCP 的半关闭单方面断开连接带来的问题套接字和流针对优雅断开的 shutdown 函数为何需要半关闭&#xff1f;基于半关闭…...

编程日记 2024/11/14 5:53:03

Anaconda 和 conda 是什么关系？就像 pip 和 python 一样吗

Anaconda 和 conda是 Anaconda Distribution 还是 Miniconda Anaconda 和 conda Anaconda 和 conda 之间的关系有点类似于 pip 和 Python&#xff0c;但又有所不同。 Anaconda 是一个数据科学和机器学习的发行版&#xff0c;它包含了 Python、conda 以及许多预装的库和工具&am…...

编程日记 2024/11/14 5:52:01

「数据治理」核心专业术语解释！

​数据治理就是指在一定的组织范围内&#xff0c;依托制度法规、标准规范、应用实践和支撑技术对数据进行全生命周期的数据确权、质量管理、安全控制、隐私保护、开放共享、交易流通和分析处理。数据治理的目标是为了提高数据的可用性、安全性、流通性&#xff0c;激活数据资源…...

编程日记 2024/11/14 5:48:59

Mac Nginx 前端打包部署

安装homebrew /bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)" 安装Nginx brew install nginx nginx相关命令 nginx启动命令&#xff1a;nginx nginx -s reload #重新加载配置 nginx -s reopen #重启 nginx -s stop #…...

编程日记 2024/11/14 5:45:56

乳腺癌诊断分析——基于聚类分析实现

一、研究背景 乳腺癌属于恶性肿瘤&#xff0c;在早期发现后需要及早将病变组织切除&#xff0c;而且术后还要化疗和放射等辅助治疗&#xff0c;能够抑制癌细胞的扩散和增长。 二、研究目的 研究乳腺癌病人的患病特征通过聚类分析方法对特征进行分类通过上述聚类结果对乳腺诊…...

编程日记 2024/11/14 5:44:55

Ubuntu 22.04 安装配置opencv

​ OpenCV下载:https://opencv.org/releases/ ​编译与安装 安装cmake OpenCV需要使用cmake进行编译 sudo apt-get install cmake安装依赖 sudo apt-get install build-essential pkg-config libgtk2.0-dev libavcodec-dev libavformat-dev libjpeg-dev libswscale-dev lib…...

编程日记 2024/11/14 5:43:54

【软考】系统架构设计师-计算机系统基础（3）：嵌入式系统

嵌入式系统&#xff1a;嵌入式处理器、相关支撑硬件、嵌入式OS、支撑软件以及应用软件 嵌入式系统特征&#xff1a;专用性强、技术融合、软硬一体软件为主、通用计算机资源少,... 分层&#xff08;5层&#xff09;&#xff1a;硬件层 → 抽象层 → 操作系统层 → 中间件层 →…...

编程日记 2024/11/14 5:39:49

实测运行容器化Tomcat服务器

文章目录 前言一、拉取Tomcat 9.0镜像二、运行容器化Tomcat服务器三、访问Tomcat官网首页测试 总结 前言 运行容器化Tomcat服务器&#xff0c;首先确保正确安装docker&#xff0c;并且已启动运行&#xff0c;具体安装docker方法见笔者前面的博文《OpenEuler 下 Docker 安装、配…...

编程日记 2024/11/14 5:36:46

致敬苹果的国产手机，只会失去更多市场，iPhone一骑绝尘！

近期诸多国产手机品牌纷纷发布旗舰手机&#xff0c;随着这些旗舰手机的发布&#xff0c;可以看出他们在进一步致敬苹果--实质就是模仿苹果的设计&#xff0c;如此做的结果恐怕是得不偿失&#xff0c;将导致国产手机损失更多市场。 致敬苹果最为直接的当属手机外壳了&#xff0c…...

编程日记 2024/11/14 5:35:45

pam_env.so模块配置解析

在PAM&#xff08;Pluggable Authentication Modules&#xff09;配置中&#xff0c; /etc/pam.d/su 文件相关配置含义如下&#xff1a; 配置解析 auth required pam_env.so1. 字段分解 字段值说明模块类型auth认证类模块&#xff0c;负责验证用户身份&am…...

编程新知 2025/10/5 8:09:39

工程地质软件市场：发展现状、趋势与策略建议

一、引言 在工程建设领域&#xff0c;准确把握地质条件是确保项目顺利推进和安全运营的关键。工程地质软件作为处理、分析、模拟和展示工程地质数据的重要工具&#xff0c;正发挥着日益重要的作用。它凭借强大的数据处理能力、三维建模功能、空间分析工具和可视化展示手段&…...

编程新知 2025/10/6 6:10:29

将对透视变换后的图像使用Otsu进行阈值化，来分离黑色和白色像素。这句话中的Otsu是什么意思？

Otsu 是一种自动阈值化方法&#xff0c;用于将图像分割为前景和背景。它通过最小化图像的类内方差或等价地最大化类间方差来选择最佳阈值。这种方法特别适用于图像的二值化处理&#xff0c;能够自动确定一个阈值&#xff0c;将图像中的像素分为黑色和白色两类。 Otsu 方法的原…...

编程新知 2026/1/9 19:36:58

CocosCreator 之 JavaScript/TypeScript和Java的相互交互

引擎版本&#xff1a; 3.8.1 语言&#xff1a; JavaScript/TypeScript、C、Java 环境&#xff1a;Window 参考&#xff1a;Java原生反射机制 您好&#xff0c;我是鹤九日&#xff01; 回顾 在上篇文章中&#xff1a;CocosCreator Android项目接入UnityAds 广告SDK。 我们简单讲…...

编程新知 2026/1/30 12:10:19

视觉slam十四讲实践部分记录——ch2、ch3

ch2 一、使用g++编译.cpp为可执行文件并运行(P30) g++ helloSLAM.cpp ./a.out运行 二、使用cmake编译 mkdir build cd build cmake .. makeCMakeCache.txt 文件仍然指向旧的目录。这表明在源代码目录中可能还存在旧的 CMakeCache.txt 文件，或者在构建过程中仍然引用了旧的路…...

编程新知 2026/2/6 15:56:54

【VLNs篇】07：NavRL—在动态环境中学习安全飞行

项目内容论文标题NavRL: 在动态环境中学习安全飞行 (NavRL: Learning Safe Flight in Dynamic Environments)核心问题解决无人机在包含静态和动态障碍物的复杂环境中进行安全、高效自主导航的挑战&#xff0c;克服传统方法和现有强化学习方法的局限性。核心算法基于近端策略优化…...

编程新知 2026/2/7 4:16:41

消防一体化安全管控平台：构建消防“一张图”和APP统一管理

在城市的某个角落&#xff0c;一场突如其来的火灾打破了平静。熊熊烈火迅速蔓延&#xff0c;滚滚浓烟弥漫开来&#xff0c;周围群众的生命财产安全受到严重威胁。就在这千钧一发之际&#xff0c;消防救援队伍迅速行动&#xff0c;而豪越科技消防一体化安全管控平台构建的消防“…...

编程新知 2026/2/6 5:47:08

拟合问题处理

在机器学习中&#xff0c;核心任务通常围绕模型训练和性能提升展开&#xff0c;但你提到的 “优化训练数据解决过拟合” 和 “提升泛化性能解决欠拟合” 需要结合更准确的概念进行梳理。以下是对机器学习核心任务的系统复习和修正&#xff1a; 一、机器学习的核心任务框架 机…...

编程新知 2025/9/6 11:47:54

CppCon 2015 学习:REFLECTION TECHNIQUES IN C++

关于 Reflection&#xff08;反射&#xff09; 这个概念&#xff0c;总结一下&#xff1a; Reflection&#xff08;反射&#xff09;是什么&#xff1f; 反射是对类型的自我检查能力&#xff08;Introspection&#xff09; 可以查看类的成员变量、成员函数等信息。反射允许枚…...

编程新知 2025/12/1 1:27:24

简单介绍C++中 string与wstring

在C中&#xff0c;string和wstring是两种用于处理不同字符编码的字符串类型&#xff0c;分别基于char和wchar_t字符类型。以下是它们的详细说明和对比&#xff1a; 1. 基础定义 string 类型&#xff1a;std::string 字符类型&#xff1a;char&#xff08;通常为8位&#xff09…...

编程新知 2026/1/23 0:35:20