electron 架构

最新推荐文章于 2024-07-22 08:23:27 发布
最新推荐文章于 2024-07-22 08:23:27 发布
阅读量1k 收藏 15
点赞数 14
分类专栏： electron 文章标签： electron 架构 chromium node.js nw.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43220213/article/details/136467665
版权
本文介绍了Chromium的多进程架构，包括Browser进程、Render进程及其间的IPC通信。接着探讨了Electron架构，它与Chromium相似，但在各进程暴露Native API，并引入node.js。重点讨论了如何整合Chromium和node.js的事件循环，最终Electron通过轮询backend_fd实现了事件融合，确保了主进程不冲突。
摘要由CSDN通过智能技术生成

文章目录

Chromium 架构

image.png

主体架构：主进程 Browser，打开一个页面就会启动一个 Render 渲染进程，进程间通信就是 IPC 机制（Inter-Process Communication）。
主进程的 RenderProcessHost 和 Render 进程的 RenderProcess 就是用来专门处理 IPC 事件的。

具体来看渲染进程，我们最熟悉的网页就是在 RenderView 中由 WebKit 排版后展示出来的。ResourceDispatcher 是用来处理资源请求的，当页面要请求某些资源的时候，会通过资源调度器 ResourceDispatcher 创建一个请求 id，然后转发到 IPC，在 Browser 进程里处理，然后返回。

总结：

  1. chromium 是多进程架构，1 个 Browser 进程多个 Render 进程
  2. 进程间需要 IPC 通信
  3. 我们关注的 web 只是很小的一部分

Electron 架构

image.png

Electron 架构和 Chromium 架构类似也是一个主进程，多个渲染进程。但不同的是：

  1. Electron 在各个进程里暴露了 Native
最低0.47元/天 解锁文章
卡列尼娜翠花
关注
专栏目录
一图浅析electron架构
MaoMao-go
03-06 7970
一图浅析electron架构 废话不多说，electron既然基于chromium，我们先简单看下chromium架构： chromium运行时有一个Browser Process，以及一个或者多个Renderer Process。Renderer Process 顾名思义负责渲染Web页面。Browser Process则负责管理各个Renderer Process以及其他部分（比如菜单...
Electron技术架构
m0_38066007的博客
01-24 2262
1
Electron----桌面应用开发框架
最新发布
weixin_41978174的博客
07-22 2146
Electron 是一个开源框架，旨在使用 Web 技术（如 HTML、CSS 和 JavaScript）开发跨平台的桌面应用。它结合了 Chromium 和 Node.js，使开发者能够构建具有原生应用体验的桌面应用程序，同时使用熟悉的 Web 开发工具和技术。它的灵活性、强大的功能和良好的社区支持使得它成为构建现代桌面应用的热门选择。：负责管理应用的生命周期、创建和管理窗口以及处理系统级别的 API 请求。：提供了简化的工具链来创建、开发、打包和发布 Electron 应用。类来创建和管理应用窗口。
对 Electron 架构的理解
zz130428的博客
06-29 1781
Electron 的架构采用了 Chromium 和 Node.js 的组合方式，将 web 技术栈和底层系统功能完美地结合起来，提供了一种灵活、可扩展的桌面应用程序开发方式。对于前端开发人员来说，它提供了一种全新的开发方式和编程思路，为构建高质量的桌面应用程序提供了更多的便利和选择。与传统的桌面应用程序不同，Electron 应用程序使用 HTML、CSS 和 JavaScript 技术栈来实现界面设计和业务逻辑，并且具有良好的跨平台性能和扩展性。
深入理解Electron应用结构：主进程与渲染进程详解
与墨的编程成长历程
03-20 1562
综上所述，深入理解并熟练运用 Electron 框架下的主进程与渲染进程模型，是构建高性能、高安全性和良好用户体验桌面应用的关键所在。随着技术的发展和实践经验的积累，相信开发者们能更好地驾驭 Electron 这一强大的工具，持续推动跨平台桌面应用开发的进步。
应用Electron架构技术操作Excel文件.pdf
01-03
在本文中，我们将探讨如何利用Electron架构技术来操作Excel文件。Electron是一个基于Chromium和Node.js的框架，允许开发者使用JavaScript、HTML和CSS创建跨平台的桌面应用程序。在这个场景下，我们的目标是实现一个...
robotframework测试electron架构的c/s端可以吗
05-24
Electron 架构的 C/S 端也可以使用 Robot Framework 进行测试。通常情况下，测试 Electron 应用程序的 C/S 端需要用到一些关键字库，例如 Appium、Selenium 等，这些关键字库可以在 Robot Framework 的基础上进行...
Electron框架介绍
zhangzhechun的专栏
07-29 3633
需要注意的是，每个Electron应用程序都是一个独立的进程，它们之间是相互隔离的，因此不同的Electron应用程序可以使用不同版本的Chromium来运行其UI和逻辑部分。总之，每个由Electron构建的桌面应用程序在发布时都包含了Node.js运行时环境，这使得它们可以使用Node.js来运行应用程序的后端业务逻辑和系统操作等功能，并且可以脱离Node.js和Electron的依赖直接在用户的计算机上运行。主进程是Electron应用程序的入口点，它负责创建和管理应用程序的窗口和其他功能。
Electron学习笔记3 Electron 应用架构
技术宅男改变世界
05-20 1232
Electron 应用架构 在我们深入了解Electron的API之前，我们需要探讨一下在Electron中可能遇到的两种进程类型。 它们是完全不同的，因此理解它们非常重要。 主进程和渲染进程 Electron 运行 package.json 的 main 脚本的进程被称为主进程。 在主进程中运行的脚本通过创建web页面来展示用户界面。 一个 Electron 应用总是有且只有一个主进程。 由于 Electron 使用了 Chromium 来展示 web 页面，所以 Chromium 的多进程架构也被使用到
用VUE构建Electron的骨架
08-12
基于VUE和Electron的简易框架，实现Vue热更新状态下编写Electron
深入理解Electron一Electron架构介绍
weixin_43188769的博客
03-18 1415
Electron和众多类似的产品目标非常简单，他们将chromium（这里不同的框架选择不同，比如Tauri选择了原生的WebView，而WebView2选择了Edge内核）和Node.js（这里不同框架采取策略也不同，比如Webview2不提供默认的运行时，而Tauri选择了Rust等等）利用C++等原生语言集成起来，提供了一整套基于Web的运行环境，并提供了与底层OS交互的便捷API，目的就是为了让大家使用Web的技术栈去开发客户端原生应用，从而实现不同操作系统之间的跨平台开发。
Electron框架：构建跨平台桌面应用的终极解决方案
程序边界
12-17 6792
Electron是一个基于Chromium和Node.js的开源库，用于构建跨平台的桌面应用程序。通过使用Electron，开发者可以使用HTML、CSS和JavaScript等Web技术来编写桌面应用，同时可以利用Node.js的强大功能来实现本地化操作。Electron框架的主要优点是开发效率高、跨平台性能好以及易于维护。《Electron入门与实战》围绕Electron核心的功能展开，讲解了如何使用Electron技术快速开发桌面应用。
Electron
沛沛呀、
11-24 1460
mkdir一个项目文件夹 初始化该文件夹sudo npm install electron --save-dev sudo npm install request --save
跨平台桌面应用的开发框架——Electron
xxxzzzqqq_的博客
03-07 9288
本文介绍了我们对桌面端技术的调研、确定技术选型，以及用 electron 开发过程中，总结的实践经验，如构建、性能优化、质量保障、安全等。希望对读者在开发桌面应用过程中有所帮助，文章难免有不足和错误的地方，欢迎读者在评论区交流。
Electron理论知识 7 - 技术架构综述
liuzhen007的专栏
08-17 1209
主要负责客户端方面的相关工作，包括桌面端和移动端，比如用纯 C++ 开发的视频转码工具 Eos PC 版、原生的 Android 和 iOS 的云端课堂以及最近使用的开源框架 Electron 开发桌面端视频会议。不管是移动端，还是 PC 端，跨平台框架是今后的大趋势，也是技术探索与科学发展的试金石。今天重点介绍一下跨平台开源的框架 Electron。PS:《Electron实战》系列-总览。
elctron项目_electron项目结构介绍
weixin_35150962的博客
12-24 625
#项目结构my-project├─ .electron-vue(webpack配置文件)│ └─ build.js(生产环境构建代码)│ └─ dev-client.js(热加载相关)│ └─ dev-runner.js(开发环境启动入口)│ └─ webpack.main.config.js(主进程配置文件)│ └─ webpack.renderer.config.js(渲染进程配置文...
从架构出发探究Electron运行原理
duansamve的博客
08-20 2115
Electron提供了丰富的本地（操作系统）API，使你能够使用纯JavaScript来创建桌面应用程序。与其它各种的Node.js运行时不同的是Electron专注于桌面应用程序而不是Web服务器。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值