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

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

news 2026/2/8 20:20:49

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

业务系统对接大模型的基础方案：架构设计与关键步骤

业务系统对接大模型&#xff1a;架构设计与关键步骤 在当今数字化转型的浪潮中&#xff0c;大语言模型&#xff08;LLM&#xff09;已成为企业提升业务效率和创新能力的关键技术之一。将大模型集成到业务系统中&#xff0c;不仅可以优化用户体验&#xff0c;还能为业务决策提供…...

编程新知 2026/2/8 4:53:03

模型参数、模型存储精度、参数与显存

模型参数量衡量单位 M&#xff1a;百万&#xff08;Million&#xff09; B&#xff1a;十亿&#xff08;Billion&#xff09; 1 B 1000 M 1B 1000M 1B1000M 参数存储精度 模型参数是固定的&#xff0c;但是一个参数所表示多少字节不一定&#xff0c;需要看这个参数以什么…...

编程新知 2025/12/20 12:32:08

shell脚本--常见案例

1、自动备份文件或目录 2、批量重命名文件 3、查找并删除指定名称的文件&#xff1a; 4、批量删除文件 5、查找并替换文件内容 6、批量创建文件 7、创建文件夹并移动文件 8、在文件夹中查找文件...

编程新知 2026/2/7 19:53:11

MVC 数据库

MVC 数据库 引言 在软件开发领域，Model-View-Controller（MVC）是一种流行的软件架构模式，它将应用程序分为三个核心组件：模型（Model）、视图（View）和控制器（Controller）。这种模式有助于提高代码的可维护性和可扩展性。本文将深入探讨MVC架构与数据库之间的关系，以…...

编程新知 2025/10/30 4:58:11

Keil 中设置 STM32 Flash 和 RAM 地址详解

文章目录 Keil 中设置 STM32 Flash 和 RAM 地址详解一、Flash 和 RAM 配置界面（Target 选项卡）1. IROM1（用于配置 Flash）2. IRAM1（用于配置 RAM）二、链接器设置界面（Linker 选项卡）1. 勾选“Use Memory Layout from Target Dialog”2. 查看链接器参数（如果没有勾选上面…...

编程新知 2026/2/7 0:28:16

让AI看见世界：MCP协议与服务器的工作原理

让AI看见世界&#xff1a;MCP协议与服务器的工作原理 MCP&#xff08;Model Context Protocol&#xff09;是一种创新的通信协议&#xff0c;旨在让大型语言模型能够安全、高效地与外部资源进行交互。在AI技术快速发展的今天&#xff0c;MCP正成为连接AI与现实世界的重要桥梁。…...

编程新知 2026/1/31 11:13:53

网络编程（UDP编程）

思维导图 UDP基础编程&#xff08;单播&#xff09; 1.流程图 服务器&#xff1a;短信的接收方 创建套接字 (socket)-----------------------------------------》有手机指定网络信息-----------------------------------------------》有号码绑定套接字 (bind)--------------…...

编程新知 2026/2/4 17:31:44

用机器学习破解新能源领域的“弃风”难题

音乐发烧友深有体会&#xff0c;玩音乐的本质就是玩电网。火电声音偏暖&#xff0c;水电偏冷&#xff0c;风电偏空旷。至于太阳能发的电&#xff0c;则略显朦胧和单薄。 不知你是否有感觉&#xff0c;近两年家里的音响声音越来越冷&#xff0c;听起来越来越单薄&#xff1f; —…...

编程新知 2026/2/7 22:13:48

脑机新手指南（七）：OpenBCI_GUI：从环境搭建到数据可视化（上）

一、OpenBCI_GUI 项目概述 &#xff08;一&#xff09;项目背景与目标 OpenBCI 是一个开源的脑电信号采集硬件平台&#xff0c;其配套的 OpenBCI_GUI 则是专为该硬件设计的图形化界面工具。对于研究人员、开发者和学生而言&#xff0c;首次接触 OpenBCI 设备时&#xff0c;往…...

编程新知 2026/2/3 4:26:32

从“安全密码”到测试体系：Gitee Test 赋能关键领域软件质量保障

关键领域软件测试的"安全密码"&#xff1a;Gitee Test如何破解行业痛点 在数字化浪潮席卷全球的今天&#xff0c;软件系统已成为国家关键领域的"神经中枢"。从国防军工到能源电力&#xff0c;从金融交易到交通管控&#xff0c;这些关乎国计民生的关键领域…...

编程新知 2026/2/2 20:26:17