【electron跨平台开发05】渲染进程和渲染进程的通信

最新推荐文章于 2025-05-05 08:47:04 发布
最新推荐文章于 2025-05-05 08:47:04 发布
阅读量947 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： Electron
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/applek_Case/article/details/86642094
本文探讨了在 Electron 中，渲染进程之间的通信方法，包括使用localStorage进行简单通信以及通过主进程作为桥梁实现广播方式的实时同步。示例代码详细展示了如何在不同渲染进程中发送和接收数据。

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

electron中，package.json里面main属性指定的js文件为主进程。创建的html文件，引入的js文件为渲染进程负责处理。
进程通信主要两种方式，第一种为localStorage方法，简单方便，只能用于渲染进程，主进程不能使用，无法实时同步。
广播方式需要主进程做桥接，不能两个渲染进程直接广播，可以实时同步。
在这里插入图片描述

localStorage方法通信

在要发送数据的位置添加如下代码，第一个参数为key ，唯一标识符。后面参数为发送的数据

localStorage.setItem('localStorageData','我是通过localStorage方法发送')

新窗口接收数据

localStorage.getItem(
最低0.47元/天 解锁文章

200万优质内容无限畅学
07.electron-(渲染进程和主进程)通信
做技术，坚持才是最重要的，一时的热情只是暂时的进步
04-05 335
渲染进程和主进程的通信 渲染进程主动给主进程发送消息，主进程接收并回复消息 ipcMain ：主进程接收和发送消息 ipcRenderer：渲染进程接收和发送消息 分别加载渲染进程和主进程文件 ipcMain/ipcMain.js主进程 const createWindow = () => { require('./ipcMain/ipcMain'); } ipcRenderer/ipcRenderer.js 渲染进程 <html> <head&gt
electron渲染进程和渲染进程通信
01-25
相关教程：https://blog.youkuaiyun.com/applek_Case/article/details/86642094
渲染进程与渲染进程之间的通信
白起的博客
12-20 465
渲染进程之间如何互相调用 思路:通过主进程进程中转 在渲染进程1中编写发送代码: ipcRenderer.send("a") 在主进程main.js中编写接收和转发代码 ipcMain.on('a',(event => { event.sender.send('b'); })); 在渲染进程2中编写接收代码 ipcRenderer.on("b", async (e...
Electron 架构详解：主进程与渲染进程的协作机制
2501_91537388的博客
05-05 1466
名称作用主进程（Main）应用入口，创建窗口，系统交互，生命周期控制渲染进程（Renderer）展示 UI，运行页面代码IPC 通信实现进程间交互（事件、数据）preload.js安全桥接渲染与主进程，提升安全性。
Electron 中主进程与渲染进程之间的通信详解
构建数字世界的感官之桥 | 分享前端工程化、动效魔法与性能之舞！
04-18 2472
Electron 主进程和渲染进程的通信主要用到两个模块：ipcMain 和 ipcRenderer。 ipcMain：当在主进程中使用时，它处理从渲染器进程发送出来的异步和同步信息，也可以从主进程向渲染进程发送消息。 ipcRenderer： 使用它提供的一些方法从渲染进程发送同步或异步的消息到主进程，也可以接收主进程回复的消息。 1. 渲染进程给主进程发送异步消息 渲染进程给主进程发送异步消息： // ipcRenderer.js const {ipcRenderer} =require("
electron 两个渲染进程之间通信
weixin_64684095的博客
08-23 807
使用主进程作为中介相对较为灵活，但可能会增加主进程的负担。
Electron 项目实战 01：主进程与渲染进程通信
Potter：I am not for learning and learning, but for study and work
08-30 1619
整体来说参看官方文档和网上的文章就可以轻松实现。
Electron进程间的通信，主进程与渲染进程之间的通信，渲染进程通过主进程与渲染进程之间的通信，渲染进程直接与渲染进程之间的通信
04-10
这个小Demo 实现了 Electron 程序 从0 开始搭建，没有用脚手架，实现了 Electron进程间的通信，主进程与渲染进程之间的通信，渲染进程通过主进程与渲染进程之间的通信，渲染进程直接与渲染进程之间的通信，几种实现...
Electron实战开发指南
最新发布
05-16
本书《Electron in Action》由Steve Kinney撰写，旨在指导开发者如何使用Electron框架开发跨平台的桌面应用程序。书中首先介绍了Electron的基础知识，包括其核心组件Chromium内容模块和Node.js，以及Electron的工作...
【Electron学习笔记（三）】Electron的主进程和渲染进程
禾戊之昂的博客
11-29 1389
在 Electron 应用程序的开发中，理解并有效利用主进程（Main Process）和渲染进程（Renderer Process）是至关重要的。Electron 框架基于 Chromium 和 Node.js，它允许开发者使用 Web 技术（HTML、CSS 和 JavaScript）来构建跨平台的桌面应用程序。为了充分发挥这一优势，Electron 设计了主进程和渲染进程的分离架构，以确保应用程序的安全性和性能。
electron 主进程与渲染进程 渲染进程与渲染进程 之间的通信
weixin_43903378的博客
06-18 1233
主进程与渲染进程之间的通信 这是渲染进程 // 渲染进程执行主进程里面的方法，主进程给渲染进程反馈处理结果 。 var sendreplayDom=document.querySelector('#sendreplay'); sendreplayDom.onclick=function(){ // alert('1213') //渲染进程给主进程广播数据 ipcRend...
electron学习 渲染进程与主进程通信
weixin_45550881的博客
11-29 1149
渲染进程 -> 主进程：通过发送消息，主进程通过监听。主进程 -> 渲染进程：通过发送消息，渲染进程通过监听。通过暴露安全 API：在preload.js中暴露 API，渲染进程通过调用主进程的功能。
electron主进程和渲染进程通信
01-24
介绍：https://blog.youkuaiyun.com/applek_Case/article/details/86622059
深入理解Electron应用结构：主进程与渲染进程详解
与墨的编程成长历程
03-20 2282
综上所述，深入理解并熟练运用 Electron 框架下的主进程与渲染进程模型，是构建高性能、高安全性和良好用户体验桌面应用的关键所在。随着技术的发展和实践经验的积累，相信开发者们能更好地驾驭 Electron 这一强大的工具，持续推动跨平台桌面应用开发的进步。
Electron主进程渲染进程间通信的四种方式
老电影故事的博客
01-06 8253
在中进程使用和模块，通过开发人员定义的“通道”传递消息来进行通信。新的版本中推荐使用上下文隔离渲染器进程进行通信，这种方式的好处是无需在渲染进程中直接使用发送消息，这种在渲染进程中调用nodejs对象的方法对于渲染进程有侵入性。当我们使用或者其他前端框架开发界面时，上下文隔离方式使用起来更加方便，基本上感受不到对前端框架的影响。
03_Electron 主进程和渲染进程、点击（拖放）打开文件功能
所学所思
08-08 1635
在页面运行其他脚本之前预先加载指定的脚本， 无论页面是否集成 Node，此脚本都可以访问 所有 Node API 脚本路径为文件的绝对路径。： 进程（process）是计算机中的程序关于某数据集合上的一次运行活动，是系统进行资源分配的调度的基本单位，是操作系统结构的基础。2、如果不使用 preload 加载的 js ，Electron5.x 之后没法在渲染进程中直接使用 nodejs，在主进程 中实例化 BrowserWindow 创建的 Web 页面被称为渲染进程，一个 Electron 应用。
使用Electron进行渲染进程
2301_79326616的博客
09-17 221
在Electron中，渲染进程负责展示应用程序的用户界面，并处理与用户的交互。我们展示了如何创建渲染进程窗口、与主进程进行通信以及管理渲染进程的生命周期。这是因为Electron的渲染进程实际上是一个独立的Chromium进程，与浏览器中的JavaScript环境有所不同。通过以上代码，我们可以实现对渲染进程生命周期的管理，确保正确地创建、关闭和释放渲染进程。在渲染进程中，可以监听到该确认消息，并执行相应的资源清理和关闭操作。通过以上代码，主进程和渲染进程就可以进行简单的消息传递和通信。
Electron：主进程、渲染进程以及通信
读心悦
11-06 933
如果想要在渲染进程中创建窗口、创建菜单这些操作，则可以让渲染进程个主进程发送消息，由主进程来完成对应的操作；另外在渲染进程中，也可以通过渲染进程的remote模块来完成响应的操作。Electron应用只有一个主进程，可以有多个渲染进程，一个BrowserWindow实例表示一个渲染进程，在BrowserWindow实例销毁后，渲染进程也就结束了。之前我们创建的引用中，electron.js中的代码，就是运行在Electron的主进程中，主进程负责创建主窗口并且加载UI，也就是index.html。
Electron中主进程和渲染进程之间的通信
大草的博客
03-21 975
Electron中主进程和渲染进程之间的通信：内容介绍与demo演示。
Electron进程通信详解：主进程与渲染进程的多种交互方式
Electron的主要特点包括进程间通信（IPC）、主进程和渲染进程的分离等。在本Demo中，我们将探讨Electron进程间的通信机制，包括主进程与渲染进程之间的通信、渲染进程通过主进程与其他渲染进程之间的通信、以及渲染...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值