08.electron-(渲染进程间的通信)

已于 2022-09-24 21:52:19 修改
阅读量370 收藏
点赞数
分类专栏： 桌面应用electron 文章标签： electron 桌面应用
于 2022-04-05 09:47:18 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44659458/article/details/123964871
版权
本文探讨了在 Electron 桌面应用中如何实现在渲染进程间的通信。通常，这种通信需要通过主进程作为中介。介绍了两种场景：一是从父窗口向子窗口传递消息，二是从子窗口向父窗口传递消息。在场景一中，父窗口触发事件并经由主进程将消息传给新创建的子窗口；在场景二中，子窗口可以通过类似的方式将消息回传给父窗口。
摘要由CSDN通过智能技术生成

渲染进程间的通信

常规：渲染进程间的通信必须借助主进程，才能实现渲染进程间的通信

在这里插入图片描述

也可以：使用 localStorage 将信息存入到浏览器中，在新窗口中，在通过 localStorage 获取

场景一：父窗口传递消息到子窗口

首页

<!DOCTYPE html>
<html>
了解本专栏 订阅专栏 解锁全文 超级会员免费看
你听雪飘过的声音
关注
专栏目录
订阅专栏
electron 主进程和渲染进程通信
读心悦
07-21 758
在Electron中，主进程（main process）和渲染进程（renderer process）之间的通信是非常重要的，因为Electron应用通常会将用户界面（由Web技术如HTML, CSS, 和JavaScript构建）和原生功能（如系统对话框、文件I/O等）分开处理。主进程管理应用的生命周期和创建渲染进程，而渲染进程则负责展示应用的界面。
07.electron-(渲染进程和主进程)通信
做技术，坚持才是最重要的，一时的热情只是暂时的进步
04-05 286
渲染进程和主进程的通信 渲染进程主动给主进程发送消息，主进程接收并回复消息 ipcMain ：主进程接收和发送消息 ipcRenderer：渲染进程接收和发送消息 分别加载渲染进程和主进程文件 ipcMain/ipcMain.js主进程 const createWindow = () => { require('./ipcMain/ipcMain'); } ipcRenderer/ipcRenderer.js 渲染进程 <html> <head&gt
electron 两个渲染进程之间通信
最新发布
weixin_64684095的博客
08-23 567
使用主进程作为中介相对较为灵活，但可能会增加主进程的负担。
electron渲染进程和渲染进程通信
01-25
相关教程：https://blog.csdn.net/applek_Case/article/details/86642094
Electron实现渲染进程间的通信
liuxufeiyang000的专栏
09-24 474
实现的效果，渲染进程A是父窗口，渲染进程B是A的子窗口，B的操作要更新A的部分内容。直接上代码： B.js（渲染进程B）：发送event给main.js ipcRenderer.send("send-flow-info", flowId); main.js（主进程）：监听event，并转发新的event。注意写法 ipcMain.on('send-flow-info', (event,msg)=>{ mainWindow.webContents.send('update-flow-con
electron 主进程与渲染进程 渲染进程与渲染进程 之间的通信
weixin_43903378的博客
06-18 1197
主进程与渲染进程之间的通信 这是渲染进程 // 渲染进程执行主进程里面的方法，主进程给渲染进程反馈处理结果 。 var sendreplayDom=document.querySelector('#sendreplay'); sendreplayDom.onclick=function(){ // alert('1213') //渲染进程给主进程广播数据 ipcRend...
Electron中主进程和渲染进程之间的通信
大草的博客
03-21 915
Electron中主进程和渲染进程之间的通信：内容介绍与demo演示。
electron-v7.1-win32-x64.zip
01-18
因此，如果需要在渲染进程中使用数据库，通常需要借助Electron的`ipcRenderer`和`ipcMain`模块进行通信。渲染进程发送请求，主进程处理请求并返回结果。 总结来说，结合Node.js 12.8.1和Electron 7.1.9，我们可以...
Electron跨平台桌面应用开发工具 v17.4.11.zip
03-21
2. **主进程与渲染进程**：在Electron中，有主进程（负责全局控制和创建渲染进程）和渲染进程（负责展示UI并处理用户交互）两个概念。 3. **API集成**：Electron提供了一系列API，如`app`、`dialog`和`ipcMain`/`...
Node.js-electron-util开发Electron应用和模块的实用工具类
08-09
1. **进程管理**：在Electron中，我们通常需要与主进程和渲染进程进行通信。`electron-util`提供了诸如`isRenderer`和`isMain`的方法，帮助我们判断当前代码是在哪个进程中运行，以便正确地调用相应的API。 2. **...
Electron进程间的通信，主进程与渲染进程之间的通信，渲染进程通过主进程与渲染进程之间的通信，渲染进程直接与渲染进程之间的通信
04-10
此Demo 名字写错了，应该是 electronDemo ，呵呵。Electron 这个小Demo 实现了 Electron 程序 从0 开始搭建，没有用脚手架，实现了 Electron进程间的通信，主进程与渲染进程之间的通信，渲染进程通过主进程与渲染进程之间的通信，渲染进程直接与渲染进程之间的通信，几种实现方式都这个 Demo中。以及 桌面 自定义菜单， 界面右键菜单 等等 解决 Electron 5之后 默认没法在渲染进程引入模块报错 提示 require is not defined 这样的问题。 以及一些 常用 Electron API 绑定事件的 Demo
electron主进程和渲染进程通信
01-24
介绍：https://blog.csdn.net/applek_Case/article/details/86622059
Electron 渲染进程之间的通信
weixin_34281477的博客
05-01 313
菜鸟的 Electron 踩坑集锦。 对于 主进程和渲染进程之间的通信，使用 IPC 是很方便的。但是渲染进程之间呢？ 哈哈，我这个码农看来又踩到一个坑了。 方案一： 使用全局共享属性： // In the main process. global.sharedObject = { someProperty: 'default val...
Electron 中渲染进程与渲染进程之间的通信详解
越陌度阡
04-18 2908
Electron中渲染进程与渲染进程之间的通信主要有两种方式，一种是通过本地存储来实现，另外一种就是借助主进程进行传递消息。 1. 渲染进程之间通过本地存储进行通信 渲染进程index传递消息。 // index.js window.onload = () => { var button = document.getElementById("button"); button.onclick=()=>{ // 传递消息给另外一个渲染进程 lo
Electron主进程与渲染进程相互通信
weixin_44692296的博客
12-10 803
主进程与渲染进程通信 // 创建实例 const { app, BrowserWindow } = require('electron') let mainWindow const winURL = process.env.NODE_ENV === "development" ? `http://localhost:9080` : `file://${__dirname}/index.html` function createWindow() { // Menu.setApplicationMen
使用 Electron 在两个进程 (主进程和渲染进程) 之间进行通讯
weixin_34364071的博客
10-11 278
使用 Electron 在两个进程 (主进程和渲染进程) 之间进行通讯 此系列文章的应用示例已发布于 GitHub: electron-api-demos-Zh_CN. 可以 Clone 或下载后运行查看. 欢迎 Star . 通过 ipc（进程间通信）模块允许您在主进程和渲染进程之间发送和接收同步和异步消息. 这个模块有一个版本可用于...
electron主进程与渲染进程之间通信
weixin_43239880的博客
03-15 2557
主进程与渲染进程进行通总而言之这个preload.js的作用就是作为渲染进程与主进程之间的通信桥梁，做的事就是：1. 给渲染进程(可以说是你src下面的.vue文件和.js文件)暴露方法供渲染进程调用 2.渲染进程调用该方法，该方法中可以给主进程发送事件，然后在主进程中一般会监听该事件，再调用electron的api来改变应用的状态（比如改变窗口的外壳大小，让窗口最小化））官方解释为：从渲染器进程代码调用主进程模块并等待结果 (简而言之：你要做饭，然后让主进程去买菜，但是你需要它的菜才能进行下一步做饭)
Electron主进程渲染进程间通信的四种方式
老电影故事的博客
01-06 7197
在中进程使用和模块，通过开发人员定义的“通道”传递消息来进行通信。新的版本中推荐使用上下文隔离渲染器进程进行通信，这种方式的好处是无需在渲染进程中直接使用发送消息，这种在渲染进程中调用nodejs对象的方法对于渲染进程有侵入性。当我们使用或者其他前端框架开发界面时，上下文隔离方式使用起来更加方便，基本上感受不到对前端框架的影响。
electron 渲染进程之间通信
06-10
Electron 的渲染进程之间可以通过 IPC（Inter-Process Communication，进程间通信）方式进行通信。具体来说，可以使用 Electron 提供的 `ipcRenderer` 模块在渲染进程之间发送异步消息，也可以使用 `ipcMain` 模块在主进程中监听消息并回复。 具体操作步骤如下： 1. 在发送消息的渲染进程中使用 `ipcRenderer.send(channel, ...args)` 方法发送消息，其中 `channel` 为自定义的消息通道，`args` 为可选的消息参数。 2. 在接收消息的渲染进程中使用 `ipcRenderer.on(channel, listener)` 方法监听消息，`listener` 为消息处理函数，可以通过 `event.sender.send(channel, ...args)` 方法回复消息。 3. 在主进程中使用 `ipcMain.on(channel, listener)` 方法监听消息，`listener` 同样为消息处理函数，可以通过 `event.sender.send(channel, ...args)` 方法回复消息。 4. 在回复消息的渲染进程中使用 `ipcRenderer.on(channel, listener)` 方法监听回复消息。 需要注意的是，由于 Electron 的渲染进程是运行在 Chromium 的多个进程中的，因此需要使用 `webContents.getAllWebContents()` 方法获取所有渲染进程的 `webContents` 对象，再使用 `webContents.send(channel, ...args)` 方法向所有渲染进程发送消息。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

你听雪飘过的声音

您的鼓励将是我前进的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值