Electron/Node多进程应用开发指南

Electron/Node.js多进程开发详解
最新推荐文章于 2025-08-08 14:36:29 发布
最新推荐文章于 2025-08-08 14:36:29 发布
阅读量575 收藏
点赞数 2
CC 4.0 BY-SA版权
文章标签： electron javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/AxCybersecurity/article/details/133059963
Electron 专栏收录该内容
69 篇文章 ¥59.90 ¥99.00
订阅专栏
本文介绍如何使用Electron和Node.js构建多进程桌面应用。通过讲解Electron的基础结构、创建主进程和渲染进程，以及利用Node.js的子进程进行后台任务处理，阐述了多进程的优势和实现方式，提供了源代码示例。

在本文中，我们将探讨如何使用Electron和Node.js开发多进程应用程序。我们将深入了解这些工具及其潜在的优势，并提供相应的源代码示例。

Electron是一个流行的框架，用于构建跨平台的桌面应用程序。它基于Chromium和Node.js，允许开发者使用Web技术（HTML，CSS和JavaScript）构建桌面应用程序。Node.js是一个基于Chrome V8引擎的JavaScript运行时，用于构建服务器端和命令行工具。

多进程应用程序的一个主要好处是能够同时执行多个任务，提高应用程序的性能和响应能力。在Electron和Node.js中，我们可以利用多线程和进程来实现这一点。让我们来看看如何使用这些工具开发多进程应用程序。

首先，我们需要创建一个Electron应用程序的基本结构。这可以通过使用Electron的npm包来完成。在命令行中，我们可以运行以下命令来创建一个新的Electron应用程序：

$ npm init
$ npm install electron --save-dev

接下来，我们创建一个名为main.js的文件，作为Electron应用程序的入口点。在main.js中，我们将使用Electron的app模块来创建应用程序的主进程。以下是一个简单的示例：


                

                
                
        

    

  


        

                

                  

                  

                  了解本专栏
                  
                  
                    
                  订阅专栏 解锁全文
                   
                

        


    



                



	

		

			

				
					
如何在Electron App中运行后台工作进程（Hidden Renderers）

				
			

			

				

					qq_42896106的博客
				

				

					03-31
					
					2703
					
				

			

		

		

			
				
为了避免这种情况，我们可以使用后台工作进程来在单独的线程中执行这些工作，从而不干扰主进程和渲染进程。您可以使用hidden renderers来执行任何您想要在后台运行的任务，并通过IPC（进程间通信）与主进程或其他渲染进程交换数据。IPC 通道是一种在 Electron 中用于不同进程之间通信的机制，渲染进程可以使用它来向主进程发送消息和请求数据。在 Electron 中，有两种主要的进程类型：主进程和渲染进程。主进程负责管理应用程序的生命周期和与操作系统的交互，而渲染进程则负责显示和交互用户界面。

			
		

	



                

            
              



	

		

			

				
					
Electron 安装以及搭建一个工程

				
			

			

				

					咸鱼滚滚
				

				

					09-28
					
					1888
					
				

			

		

		

			
				
Electron 应用程序遵循与其他 Node.js 项目相同的结构。
首先创建一个文件夹my-electron-app并在vscode 编译器中打开文件夹。

			
		

	



              


  
              

                


	

		

			

				
					
郁闷了，miniblink的electron接口必须使用多进程模式了

				
			

			

				

					weolar的专栏
				

				

					04-16
					
					4353
					
				

			

		

		

			
				
最近miniblink的electron模式开发本来一切顺利，但昨天遇到一个大坑。
electron里主进程和渲染进程是分开的，在miniblink的electron模式里是使用多线程模拟的，每个线程都有自己的v8 context。本来一切ok，但
在跑vscode的时候，发现一处大坑！
vscode的node_modules\gc-signals  模块，是个native 模块，vscod

			
		

	





	

		

			

				
					
Electron: 主进程开启子线程 cluster.fork

				
			

			

				

					一个头发贼多的小火鸡
				

				

					08-24
					
					2045
					
				

			

		

		

			
				
1.background.js


const cluster = require('child_process'); 
var son_course = cluster.fork(process.env.NODE_ENV == "development" ? "./src/renderer.js" : "./resources/renderer.js")
//向子线程发生消息
son_course.send("我是你粑粑~~~")
//接收子线程的消息
son_course.on('message',..

			
		

	



		

			
		



	

		

			

				
					
electron 引入node服务

				
			

			

				

					weixin_43845059的博客
				

				

					02-28
					
					2114
					
				

			

		

		

			
				
electron 集成node服务

			
		

	





	

		

			

				
					
Electron实战开发指南

				
			

			

				

					05-16
				

			

		

		

			
				
此外，书中还探讨了如何在Electron应用中使用原生文件对话框、实现进程间通信、处理多窗口、管理文件操作、构建应用菜单，并使用Spectron进行应用测试。最后，作者介绍了如何部署Electron应用，包括打包、发布更新...

			
		

	





	

		

			

				
					
Electron + Vue3 桌面应用开发实战指南

					
最新发布

				
			

			

				

					2501_92234528的博客
				

				

					08-08
					
					1260
					
				

			

		

		

			
				
Electron 框架虽然降低了跨平台开发门槛，但实际项目中仍会遇到各种棘手问题。本文基于最新环境（Node.js v20.12.2、npm v9.8.1、Electron v29.1.1），结合实战经验，从基础搭建到生产部署，全方位讲解 Electron+Vue3 开发要点。对于中大型项目，推荐使用 electron-vite 框架，它完美整合了 Vite 的热更新能力和 Electron 的桌面特性。安装 cross-env：npm install cross-env --save-dev。

			
		

	





	

		

			

				
					
Electron与Node.js集成应用开发实战指南

				
			

			

				

					
				

			

		

		

			
				
结合描述和标签信息，该项目聚焦于 Electron 与 Node.js 的协同开发，并提供了如 ProcessManager（进程管理器）、Service（服务创建）等核心功能，旨在提升桌面应用开发的效率与可维护性。  从描述结构来看，该项目...

			
		

	





	

		

			

				
					
基于Electron的Instagram桌面应用Pix开发指南

				
			

			

				

					
				

			

		

		

			
				
该项目由开发者使用现代前端技术栈构建，结合了Node.js与Electron的强大能力，实现了跨平台运行的能力，支持OS X、Linux以及Windows三大主流操作系统，充分体现了当前桌面应用开发向Web技术靠拢的趋势。  从描述中...

			
		

	





	

		

			

				
					
Electron 使用Node原生模块

				
			

			

				

					天空之外
				

				

					05-20
					
					2059
					
				

			

		

		

			
				
本节我们学习如何在 Electron 中使用 Node 原生模块。
Electron 支持原生的 Node 模块，但由于和官方的 Node 相比，Electron 有可能使用一个和我们系统上所安装的 Node 不同的 V8 引擎，所以使用的模块需要重新编译才能使用。如果我们想编译原生模块，则需要手动设置 Electron 的 headers 的位置。
如何安装原生模块
有三种安装原生模块的方法，分别是 ：

为 Electron 安装并重新编译模块。
通过 npm 安装原生模块。
为 Electron 手动

			
		

	





	

		

			

				
					
Node.js-electron-serve为Electronapps提供静态文件服务

				
			

			

				

					08-10
				

			

		

		

			
				
electron-serve：为Electron apps提供静态文件服务

			
		

	





	

		

			

				
					
Electron中实现大文件上传和断点续传功能

				
			

			

				

					01-19
				

			

		

		

			
				
Electron官网的描述：Electron是由Github开发，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.js合并到同一个运行时环境中，并将其打包为Mac，Windows和Linux系统下的应用来实现这一目的。
从官网的描述我们可以简单的概括，Electron是开源的框架，可以使用h5来开发跨平台pc桌面应用，这样前端开发这可以开发桌面应用了。由于它是基于Chromium和Node.js开发的，所以在Electron中既可以使用浏览器中的api也可以使用node的api。
下面我们在Electron中实现

			
		

	





	

		

			

				
					
electron 主线程和渲染线程通信

				
			

			

				

					weixin_42551915的博客
				

				

					03-12
					
					2048
					
				

			

		

		

			
				
1.渲染线程（前端）向主线程（后台）发送消息
2.主线程（后台） 向 渲染线程（前端）发送消息
不同版本兼容说明

			
		

	





	

		

			

				
					
优化electron客户端卡顿的几种方案

				
			

			

				

					RJ0024的博客
				

				

					12-02
					
					3301
					
				

			

		

		

			
				
背景
公司需要做一个同步盘的客户端，框架技术选型方面使用了支持跨平台的Electron框架，其中一些核心功能就是文件的上传，和下载，考虑到node操作文件比较方便，起初把文件的下载上传操作放到主进程，在大量文件下载和上传时，造成了界面的卡顿，现在就这个问题进行剖析和优化。
解决卡顿
方案一
首先要确定是什么因素导致的卡顿，在平时，没有上传下载文件时，electron客户端没有出现卡顿的情况，然后对下载的流程进行跟踪，通过打印log日记发现，在执行一个方法后后面的log无法输出，然后界面失去了响应，其代码如下

			
		

	





	

		

			

				
					
无线通信设备安装工程概预算编制_深圳电气安装造价培训-如何计算电气设备安装工程预算定额？...

				
			

			

				

					weixin_39979215的博客
				

				

					11-06
					
					342
					
				

			

		

		

			
				
（1）定额未计价材料的计算电气设备安装工程预算定额中的未计价材料，大部分都是主要材料。定额中用括弧表示的材料为未计价材料，其价值编制预算时应另行计算；定额中未列消耗量的主材，编制预算时应按施工图用量，按规定的损耗费增加损耗量。（2）脚手架搭拆费电气设备安装工程(10kV以下架空线路除外)脚手架搭拆费，计取标准是按工程人工费的4%计算，其中人工工资占搭拆费的25%，即脚手架搭拆费＝工程人工费×4%其...

			
		

	





	

		

			

				
					
Electron中启动node服务

				
			

			

				

					问白的博客
				

				

					06-27
					
					2859
					
				

			

		

		

			
				
在electron 应用启动之后，会调用startServer方法，在这个方法中会使用exec执行npm run server命令，这个命令会启动一个koa的node 服务。记一次遇到的问题，我们知道Electron 中主进程是在node环境中，所以打算在node环境中再启动一个node服务。但是会发现electron应用的窗口没有正常打开，但这个node 服务已近启动起来了。后来发现是应为使用了同步的命令导致的，只需要把execSync命令缓存exec或者是spawn就可以解决了。

			
		

	





	

		

			

				
					
electron 打包把node代理服务打包进去_使用electron构建跨平台桌面应用程序

				
			

			

				

					weixin_39687786的博客
				

				

					11-30
					
					1598
					
				

			

		

		

			
				
INTRODUCE先介绍一下ElectronElectron(最初名为Atom Shell[3])是GitHub开发的一个开源框架。它允许使用Node.js(作为后端)和Chromium(作为前端)完成桌面GUI应用程序的开发。Electron现已被多个开源Web应用程序用于前端与后端的开发，著名项目包括GitHub的Atom和微软的Visual Studio Code。Electron...

			
		

	





	

		

			

				
					
electron 入门 1---渲染线程中使用nodejs模块

				
			

			

				

					wodecanmeng的博客
				

				

					05-29
					
					720
					
				

			

		

		

			
				
electron 版本 v13

刚刚开始学习electron，本来跟随着教程kai'a'k的时候当在electron的渲染线程中使用nodejs的模块时，


			
		

	





	

		

			

				
					
electron的进程中使用node.js模块

				
			

			

				

					aliven1的博客
				

				

					05-25
					
					5926
					
				

			

		

		

			
				
1. 主进程中无需任何配置就可以使用nodejs模块
const fs=require('fs')
fs.readFile('package.json',(err,data)=>{
        if(err){
            console.log(err)
            return
        }
        console.log(data.toString())
        console.log(JSON.parse(data.toString()).na

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值