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

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

news 2025/9/8 1:22:15

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

浏览器访问 AWS ECS 上部署的 Docker 容器（监听 80 端口）

✅ 一、ECS 服务配置 Dockerfile 确保监听 80 端口 EXPOSE 80 CMD ["nginx", "-g", "daemon off;"]或 EXPOSE 80 CMD ["python3", "-m", "http.server", "80"]任务定义&#xff08;Task Definition&…...

编程新知 2025/9/7 4:34:07

铭豹扩展坞 USB转网口 突然无法识别解决方法

当 USB 转网口扩展坞在一台笔记本上无法识别，但在其他电脑上正常工作时，问题通常出在笔记本自身或其与扩展坞的兼容性上。以下是系统化的定位思路和排查步骤，帮助你快速找到故障原因： 背景： 一个M-pard（铭豹）扩展坞的网卡突然无法识别了，扩展出来的三个USB接口正常。…...

编程新知 2025/9/7 10:00:09

MMaDA: Multimodal Large Diffusion Language Models

CODE &#xff1a; https://github.com/Gen-Verse/MMaDA Abstract 我们介绍了一种新型的多模态扩散基础模型MMaDA&#xff0c;它被设计用于在文本推理、多模态理解和文本到图像生成等不同领域实现卓越的性能。该方法的特点是三个关键创新:(i) MMaDA采用统一的扩散架构&#xf…...

编程新知 2025/9/4 20:31:58

Mac软件卸载指南，简单易懂！

刚和Adobe分手&#xff0c;它却总在Library里给你写"回忆录"&#xff1f;卸载的Final Cut Pro像电子幽灵般阴魂不散&#xff1f;总是会有残留文件&#xff0c;别慌&#xff01;这份Mac软件卸载指南&#xff0c;将用最硬核的方式教你"数字分手术"&#xff0…...

编程新知 2025/8/13 4:43:34

【HTTP三个基础问题】

面试官您好&#xff01;HTTP是超文本传输协议&#xff0c;是互联网上客户端和服务器之间传输超文本数据&#xff08;比如文字、图片、音频、视频等&#xff09;的核心协议&#xff0c;当前互联网应用最广泛的版本是HTTP1.1&#xff0c;它基于经典的C/S模型&#xff0c;也就是客…...

编程新知 2025/6/16 8:33:33

RabbitMQ入门4.1.0版本（基于java、SpringBoot操作）

RabbitMQ 一、RabbitMQ概述 RabbitMQ RabbitMQ最初由LShift和CohesiveFT于2007年开发&#xff0c;后来由Pivotal Software Inc.&#xff08;现为VMware子公司&#xff09;接管。RabbitMQ 是一个开源的消息代理和队列服务器&#xff0c;用 Erlang 语言编写。广泛应用于各种分布…...

编程新知 2025/9/4 2:44:27

Golang——6、指针和结构体

指针和结构体 1、指针1.1、指针地址和指针类型1.2、指针取值1.3、new和make 2、结构体2.1、type关键字的使用2.2、结构体的定义和初始化2.3、结构体方法和接收者2.4、给任意类型添加方法2.5、结构体的匿名字段2.6、嵌套结构体2.7、嵌套匿名结构体2.8、结构体的继承 3、结构体与…...

编程新知 2025/9/2 19:29:30

什么是VR全景技术

VR全景技术&#xff0c;全称为虚拟现实全景技术&#xff0c;是通过计算机图像模拟生成三维空间中的虚拟世界&#xff0c;使用户能够在该虚拟世界中进行全方位、无死角的观察和交互的技术。VR全景技术模拟人在真实空间中的视觉体验&#xff0c;结合图文、3D、音视频等多媒体元素…...

编程新知 2025/9/3 19:00:02

在树莓派上添加音频输入设备的几种方法

在树莓派上添加音频输入设备可以通过以下步骤完成&#xff0c;具体方法取决于设备类型&#xff08;如USB麦克风、3.5mm接口麦克风或HDMI音频输入&#xff09;。以下是详细指南&#xff1a; 1. 连接音频输入设备 USB麦克风/声卡&#xff1a;直接插入树莓派的USB接口。3.5mm麦克…...

编程新知 2025/7/8 17:49:38

Spring Security 认证流程——补充

一、认证流程概述 Spring Security 的认证流程基于 过滤器链&#xff08;Filter Chain&#xff09;&#xff0c;核心组件包括 UsernamePasswordAuthenticationFilter、AuthenticationManager、UserDetailsService 等。整个流程可分为以下步骤&#xff1a; 用户提交登录请求拦…...

编程新知 2025/9/7 21:50:53