Electron运行原理

最新推荐文章于 2025-03-30 20:06:31 发布
最新推荐文章于 2025-03-30 20:06:31 发布
阅读量5.9k 收藏 11
点赞数 3
分类专栏： electron 文章标签： electron
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/k157507281/article/details/99411152
版权
Electron结合Chromium、Node.js和系统API，实现桌面应用开发。Chromium提供UI界面，Node.js使得Electron能够操作底层系统，通过系统API调用系统功能。主进程负责应用生命周期、创建渲染进程和调用系统功能，渲染进程则处理界面展示和交互。每个BrowserWindow在独立的渲染进程中运行，可调用DOM和Node.js API。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在这里插入图片描述
Electron 结合了 Chromium、Node.js 和用于调用操作系统本地功能的API。

文章目录

Chromium

Chromium是Google为发展Chrome浏览器而启动的开源项目，Chromium相当于Chrome的工程版或称实验版，新功能会率先在Chromium上实现，待验证后才会应用在Chrome上，故Chrome的功能会相对落后但较稳定。

Chromium为Electron提供强大的UI能力，可以在不考虑兼容性的情况下开发界面。

Node.js

Node.js是一个让JavaScript运行在服务端的开发平台，Node使用事件驱动，非阻塞I/O模型而得以轻量和高效。

单单靠Chromium是不能具备直接操作原生GUI能力的，Electron内集成了Nodejs，这让其在开发界面的同时也有了操作系统底层API的能力，Nodejs 中常用的 Path、fs、Crypto 等模块在 Electron 可以直接使用。

系统API

为了提供原生系统的GUI支持，Electron内置了原生应用程序接口，对调用一些系统功能，如调用系统通知、打开系统文件夹提供支持。

在开发模式上，Electron在调用系统API和绘制界面上是分离开发的，下面我们来看看Electron关于进程如何划分。

主进程

Electron区分了两种进程：主进程和渲染进程

最低0.47元/天 解锁文章
从零开始搭建Electron项目之运行例程
kissgoodbye2012的博客
06-10 522
最好的学习方式就是：给一段能够运行的代码示例。本文给出了例程资源，以及运行的步骤。在国内开发electron有一点特别不好，就是如果不爬梯子，下载依赖容易出错。
第三讲 Electron中的主进程、渲染进程以及运行原理
星火燎猿
08-03 543
Electron中的主进程、渲染进程以及运行原理目录运行原理一张图带你了解全貌主进程渲染进程主进程中使用nodejs模块新的项目结构 目录 运行原理 #mermaid-svg-5CCa5pVnql0aGOQw .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-5CCa5pVnql0aGOQw .label text
Electron 原理
allegrofb的博客
07-04 1万+
Electron 原理Electron简介,一种桌面应用程序运行时Electron 是一个开放源代码的项目, 由Cheng Zhao AKA zcbenz开发，他现在是 Github 北京 Atom 编辑器开发 team 的一名工程师。Electron 把 Chromium 和 Node 合并到一个单独的运行时里面，很适合开发桌面 web 形式的应用程序，通过Node它提供了通常浏览器所不能提供的能
【前端】【Electron】Electron 知识点详解，看着一篇文章就够了
最新发布
qq_59344127的博客
03-30 738
Electron 知识点详解第一章：Electron 入门与核心概念什么是 Electron？为什么选择 Electron？Electron 的主要挑战/缺点：核心架构：主进程 (Main Process) 与渲染进程 (Renderer Process)第二章：环境搭建与基础项目环境要求：创建基础项目： 关键配置： (主进程) 基础代码： (渲染进程) 基础代码：启动与调试：第三章：主进程 (Main Process) 详解 模块： 模块： 选项 (在 中配置):第四章：渲染进程 (Renderer P
从架构出发探究Electron运行原理
duansamve的博客
08-20 2383
Electron提供了丰富的本地（操作系统）API，使你能够使用纯JavaScript来创建桌面应用程序。与其它各种的Node.js运行时不同的是Electron专注于桌面应用程序而不是Web服务器。
Electron原理
qq_34423854的博客
07-16 188
node chrome V8
Electron开发运行
qq_41662119的博客
04-15 298
Electron开发运行问题修复 在刚接触electron+vue的项目时，在完成拉取代码后，报了一大堆错误。经过一番百度，发现问题只有一个： electron所依赖的包在加载时，速度是非常慢的，甚至会造成拒绝连接。因此，要解决这个问题，我们需要先设置 npm config set registry https://registry.npm.taobao.org/ npm confi...
Electron框架初识：原理与实践优势深度解读
与墨的编程成长历程
03-19 1105
Electron，是由 GitHub 公司推出并开源维护，是一个基于 Node.js 和 Chromium 浏览器引擎构建的桌面应用程序开发框架。其工作原理是将 Web 前端技术（HTML、CSS 和 JavaScript）与强大的 Node.js 后端能力相结合，通过运行一个包含 Chromium 渲染引擎的进程展示用户界面，同时利用 Node.js 环境处理底层系统交互，如文件访问、网络通信等操作，实现真正的“一次编写，处处运行”。
在Electron中运行Chrome应用程序
08-10
1. Electron框架的基本概念和工作原理。 2. 使用HTML、CSS和JavaScript构建桌面应用。 3. Node.js在Electron中的应用，包括本地系统API的调用。 4. 主进程与渲染进程的分离及其通信机制。 5. 创建和管理Electron应用...
Webstorm搭建Electron项目运行
cywzyy的博客
04-05 1234
Webstorm搭建Electron项目运行
Electron详解（一）：基本介绍
Java+GO+JS全栈工程师-鹤冲天的博客：编程辅导~商务合作~技术交流
06-06 1万+
Electron是由Github开发，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源框架。Electron提供了丰富的本地（操作系统）API，使你能够使用纯JavaScript来创建桌面应用程序。Electron通过集成浏览器内核，使用Web技术来实现不同平台下的渲染，并结合了 Chromium、Node.js 和用于调用系统本地功能的Native API 三大板块。
【译】Electron 的本质
weixin_34234721的博客
11-16 491
本文翻译自 http://jlord.us/essential-ele... 本文将简明扼要地讲解 Electron。 Background Development Development Con't What is Electron Prereqs Stay in touch Why is this important ...
Electron之初出茅庐——搭建环境并运行第一个程序
qq_35149975的博客
08-31 1026
最近在学习node.js的过程中，突然发现了electron这个宝藏开源框架。在学习过程中收获颇多，特此记录，方便知识整理。 参考文献：技术胖 目录一、Electron的定义二、Electron的运行原理2.1、不得不说到JavaScript的运行原理2.2、Electron的运行框架2.3、Electron的运行流程：三、从零开始，构建Electron开发环境3.1、安装node.js开发环境3.2、安装Electron四、第一个不会Hello world的Electron程序4.1、创建项目文件夹与.
Electron教程-Electron运行的流程
htzhanglong的专栏
11-28 357
Electron运行的流程 想看视频的同学访问： https://pan.baidu.com/s/1Dol4tP6Jop6MXro0ULVapQ 地址失效访问：https://www.itying.com/goods-929.html
第三节 Electron运行流程 、 主进程渲染进程并使用nodejs
03-08 2769
package.json 中定义的入口被 称为主进程。在主进程中实例化 BrowserWindow 创建的Web 页面被称为渲染进程。主进程只有一个 渲染进程可以有多个。
Electron入门，项目运行，只需四步轻松搞定。
qq_41792374的博客
08-18 2037
桌面应用
深入剖析Electron的原理
LQS5858的博客
02-02 1238
Electron是一个强大的跨平台桌面应用开发框架，它允许开发者使用HTML、CSS和JavaScript来构建各种桌面应用程序。了解Electron的原理对于开发者至关重要，这样在设计应用时能更合理，遇到问题也能更准确地分析和解决。下面将从多个方面深入剖析Electron的原理。
【Electron】 Electron 开发桌面应用（一） 编写→运行→打包
热门推荐
Mickeymouse
03-09 1万+
一. 准备工作1. 首先，我们要安装electron-prebuilt，它是一个npm模块，因此我们可以使用Npm来进行安装，它是一个electron的预编译版本。npm install -g electron-prebuilt2.接下来安装electron-packager ，它也是一个npm模块，是一个用于打包electron应用的工具，具体使用方法我们稍后会详细说明...
electron桌面应用程序搭建及运行
约妲己吃火锅的博客
09-21 2407
最近一段时间公司暂时没有项目，突然闲下来坐着无聊，想学点其他技术，开发一个简单桌面应用，于是选择了electron技术，现在和大家分享一下。 electron:官方文档https://www.electronjs.org/解释了桌面应用的开发好处。 如果你可以建一个网站，你就可以建一个桌面应用程序。 Electron 是一个使用 JavaScript, HTML 和 CSS 等 Web 技术创建原生程序的框架，它负责比较难搞的部分，你只需把精力放在你的应用的核心上即可。 如上面所提到：会 JavaScr
深入探究Electron技术原理与应用实例
1. **主进程（Main Process）**：Electron应用中的主进程是运行package.json中的main脚本的进程。这个进程负责管理窗口、菜单以及应用的生命周期等。 2. **渲染进程（Render Process）**：每个Electron窗口中的Web...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值