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

最新推荐文章于 2025-11-04 04:20:42 发布
原创 最新推荐文章于 2025-11-04 04:20:42 发布 · 1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了在 Electron 中，渲染进程之间的通信方法，包括使用localStorage进行简单通信以及通过主进程作为桥梁实现广播方式的实时同步。示例代码详细展示了如何在不同渲染进程中发送和接收数据。

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

localStorage方法通信

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

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

新窗口接收数据

localStorage.getItem(
最低0.47元/天 解锁文章
07.electron-(渲染进程和主进程)通信
做技术，坚持才是最重要的，一时的热情只是暂时的进步
04-05 360
渲染进程和主进程的通信 渲染进程主动给主进程发送消息，主进程接收并回复消息 ipcMain ：主进程接收和发送消息 ipcRenderer：渲染进程接收和发送消息 分别加载渲染进程和主进程文件 ipcMain/ipcMain.js主进程 const createWindow = () => { require('./ipcMain/ipcMain'); } ipcRenderer/ipcRenderer.js 渲染进程 <html> <head&gt
Electron主进程渲染进程间通信的四种方式
老电影故事的博客
01-06 8635
在中进程使用和模块，通过开发人员定义的“通道”传递消息来进行通信。新的版本中推荐使用上下文隔离渲染器进程进行通信，这种方式的好处是无需在渲染进程中直接使用发送消息，这种在渲染进程中调用nodejs对象的方法对于渲染进程有侵入性。当我们使用或者其他前端框架开发界面时，上下文隔离方式使用起来更加方便，基本上感受不到对前端框架的影响。
electron渲染进程和渲染进程通信
01-25
相关教程：https://blog.youkuaiyun.com/applek_Case/article/details/86642094
electron中直接获取window.localStorage
九段刀客的博客
10-17 4216
electron主进程中获取页面的localStorage
Electron.NET 本地存储方案：localStorage、sessionStorage与IndexedDB
最新发布
gitblog_00707的博客
11-04 695
Electron.NET作为结合.NET Core与Electron框架的开发工具，提供了丰富的本地存储选项。本文将系统介绍localStorage、sessionStorage和IndexedDB三种存储方案的特性、适用场景及在Electron.NET应用中的实现方式，帮助开发者根据项目需求选择合适的存储策略。 ## 存储方案对比 | 特性 | localStorage | sessionS...
Electron 通用数据持久化 适合vue、react...
liuqinrui520的博客
03-15 3399
electron通用的数据持久化方案，解决了electron localstorage存储数据失效的问题。
渲染进程与渲染进程之间的通信
白起的博客
12-20 476
渲染进程之间如何互相调用 思路:通过主进程进程中转 在渲染进程1中编写发送代码: ipcRenderer.send("a") 在主进程main.js中编写接收和转发代码 ipcMain.on('a',(event => { event.sender.send('b'); })); 在渲染进程2中编写接收代码 ipcRenderer.on("b", async (e...
Electron 项目实战 01：主进程与渲染进程通信
Potter：I am not for learning and learning, but for study and work
08-30 1776
整体来说参看官方文档和网上的文章就可以轻松实现。
Electron进程间的通信，主进程与渲染进程之间的通信，渲染进程通过主进程与渲染进程之间的通信，渲染进程直接与渲染进程之间的通信
04-10
这个小Demo 实现了 Electron 程序 从0 开始搭建，没有用脚手架，实现了 Electron进程间的通信，主进程与渲染进程之间的通信，渲染进程通过主进程与渲染进程之间的通信，渲染进程直接与渲染进程之间的通信，几种实现...
精选资源
Electron实战开发指南
05-16
本书《Electron in Action》由Steve Kinney撰写，旨在指导开发者如何使用Electron框架开发跨平台的桌面应用程序。书中首先介绍了Electron的基础知识，包括其核心组件Chromium内容模块和Node.js，以及Electron的工作...
Electron中主进程与渲染进程通信失败的报错
shejizuopin的博客
08-25 1556
Electron主进程与渲染进程通信问题解决方案 常见问题与原因：Electron中主进程与渲染进程通信失败通常表现为ipcRenderer未定义、事件未触发或函数不存在等错误，主要由于安全配置（如contextIsolation和nodeIntegration）、事件监听时机不当或拼写错误导致。 核心解决方案： 使用preload.js安全暴露API，结合contextBridge控制访问权限 主进程确保在app.whenReady()后注册监听器 推荐使用ipcMain.handle()+ipcRend
Electron 中主进程与渲染进程之间的通信详解
分享前端工程化、动效魔法与性能之舞！
04-18 2709
Electron 主进程和渲染进程的通信主要用到两个模块：ipcMain 和 ipcRenderer。 ipcMain：当在主进程中使用时，它处理从渲染器进程发送出来的异步和同步信息，也可以从主进程向渲染进程发送消息。 ipcRenderer： 使用它提供的一些方法从渲染进程发送同步或异步的消息到主进程，也可以接收主进程回复的消息。 1. 渲染进程给主进程发送异步消息 渲染进程给主进程发送异步消息： // ipcRenderer.js const {ipcRenderer} =require("
Electron 中渲染进程之间的通信详解
分享前端工程化、动效魔法与性能之舞！
04-18 3421
本文介绍了Electron中渲染进程间通信的两种主要方式：1.通过本地存储(localStorage)直接通信；2.借助主进程作为中介进行消息传递。第一种方式简单直接，但存在安全性问题；第二种方式更安全可靠，通过ipcMain和ipcRenderer模块实现进程间通信。文中提供了完整的代码示例，包括主进程(main.js)和渲染进程(index.js/news.js)的实现，演示了打开新窗口、双向消息传递等典型场景。重点说明了如何保存窗口ID、监听窗口加载完成事件等关键实现细节。
electron主进程和渲染进程通信
01-24
介绍：https://blog.youkuaiyun.com/applek_Case/article/details/86622059
electron 两个渲染进程之间通信
weixin_64684095的博客
08-23 946
使用主进程作为中介相对较为灵活，但可能会增加主进程的负担。
electron 主进程与渲染进程 渲染进程与渲染进程 之间的通信
weixin_43903378的博客
06-18 1260
主进程与渲染进程之间的通信 这是渲染进程 // 渲染进程执行主进程里面的方法，主进程给渲染进程反馈处理结果 。 var sendreplayDom=document.querySelector('#sendreplay'); sendreplayDom.onclick=function(){ // alert('1213') //渲染进程给主进程广播数据 ipcRend...
electron学习 渲染进程与主进程通信
weixin_45550881的博客
11-29 1303
渲染进程 -> 主进程：通过发送消息，主进程通过监听。主进程 -> 渲染进程：通过发送消息，渲染进程通过监听。通过暴露安全 API：在preload.js中暴露 API，渲染进程通过调用主进程的功能。
深入理解Electron应用结构：主进程与渲染进程详解
与墨的编程成长历程
03-20 2616
综上所述，深入理解并熟练运用 Electron 框架下的主进程与渲染进程模型，是构建高性能、高安全性和良好用户体验桌面应用的关键所在。随着技术的发展和实践经验的积累，相信开发者们能更好地驾驭 Electron 这一强大的工具，持续推动跨平台桌面应用开发的进步。
03_Electron 主进程和渲染进程、点击（拖放）打开文件功能
所学所思
08-08 1780
在页面运行其他脚本之前预先加载指定的脚本， 无论页面是否集成 Node，此脚本都可以访问 所有 Node API 脚本路径为文件的绝对路径。： 进程（process）是计算机中的程序关于某数据集合上的一次运行活动，是系统进行资源分配的调度的基本单位，是操作系统结构的基础。2、如果不使用 preload 加载的 js ，Electron5.x 之后没法在渲染进程中直接使用 nodejs，在主进程 中实例化 BrowserWindow 创建的 Web 页面被称为渲染进程，一个 Electron 应用。
Electron进程通信详解：主进程与渲染进程的多种交互方式
Electron的主要特点包括进程间通信（IPC）、主进程和渲染进程的分离等。在本Demo中，我们将探讨Electron进程间的通信机制，包括主进程与渲染进程之间的通信、渲染进程通过主进程与其他渲染进程之间的通信、以及渲染...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值