Electron主进程与渲染进程的通信

最新推荐文章于 2023-01-06 09:00:00 发布
最新推荐文章于 2023-01-06 09:00:00 发布
阅读量329 收藏
点赞数
分类专栏： electron
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HTongi/article/details/113725826
版权
本文介绍了Electron框架中的主进程和渲染进程，主进程负责创建和管理BrowserWindow及渲染进程，而渲染进程独立管理网页。在实际开发中，两者间的通信至关重要，可通过ipcRenderer和ipcMain进行异步消息传递，实现进程间通信。
摘要由CSDN通过智能技术生成

Electron有两个进程，主进程和渲染器进程
1.主进程通过创建BrowserWindow实例来渲染网页，当一个BrowserWindow实例被销毁之后，其实例渲染的网页也随之会被销毁，主进程会管理所有网页以及对应的渲染进程
2.渲染器进程只会管理相应的网页，一个渲染器进程的奔溃，并不会影响到其他渲染进程
以上是对两个进程的简单介绍，在实际的开发当中，难免会遇到两个进程之间相互通信的情况，下面介绍相互通信的方法；

  • ipcRenderer和ipcMain
    通过ipcRender，你可以从渲染进程向主进程发送同步或异步消息，也可以收到主进程的响应。
    通过ipcMain模块可以在主进程当中接收渲染进程发送过来的消息
// 在渲染进程中引入ipcRender模块
const {
    ipcRender } = requier('electron');
//
最低0.47元/天 解锁文章
HTongi
关注
专栏目录
electron 主进程和渲染进程通信
读心悦
07-21 664
在Electron中，主进程（main process）和渲染进程（renderer process）之间的通信是非常重要的，因为Electron应用通常会将用户界面（由Web技术如HTML, CSS, 和JavaScript构建）和原生功能（如系统对话框、文件I/O等）分开处理。主进程管理应用的生命周期和创建渲染进程，而渲染进程则负责展示应用的界面。
electron 主进程与渲染进程通信的具体教程。
weixin_51504726的博客
12-09 597
1：渲染层事件中心 const ipcRenderer = require('electron').ipcRenderer; const sendBridge = (msg = { active: '', data: {} }) => { return new Promise((resolve, reject) => { ipcRenderer.on(msg.active, (event, arg) => { resolve(arg.
electron渲染进程和渲染进程通信
01-25
相关教程：https://blog.csdn.net/applek_Case/article/details/86642094
第六章：Electron 主进程与渲染进程之间的通信
黄孝果的博客
08-02 1537
渲染进程 和 主进程通信（异步） 渲染进程发送并接受广播数据 ipcRender //渲染进程 import { ipcRenderer } from 'electron'; var sendDom = document.querySelector('#send'); sendDom.onclick = function () { // alert('1235') //渲染进程给主进程广播数据 ipcRenderer.send('sendMessage', 'wo
Electron 渲染进程之间的通信
weixin_34281477的博客
05-01 306
菜鸟的 Electron 踩坑集锦。 对于 主进程和渲染进程之间的通信，使用 IPC 是很方便的。但是渲染进程之间呢？ 哈哈，我这个码农看来又踩到一个坑了。 方案一： 使用全局共享属性： // In the main process. global.sharedObject = { someProperty: 'default val...
Electron主进程渲染进程间通信的四种方式
老电影故事的博客
01-06 7088
在中进程使用和模块，通过开发人员定义的“通道”传递消息来进行通信。新的版本中推荐使用上下文隔离渲染器进程进行通信，这种方式的好处是无需在渲染进程中直接使用发送消息，这种在渲染进程中调用nodejs对象的方法对于渲染进程有侵入性。当我们使用或者其他前端框架开发界面时，上下文隔离方式使用起来更加方便，基本上感受不到对前端框架的影响。
remote:在Electron中将JavaScript对象从主进程桥接到渲染器进程
04-30
@电子/远程 @electron/remote是一个模块，用于将JavaScript对象从主进程桥接到渲染器进程。 这使您可以访问仅主进程对象，就好像它们在渲染器进程中可用一样。 :warning: 警告！ 这个模块有。 比起使用此模块，几乎总是有更好的方法来完成您的任务。 例如， 可以服务于许多常见的用例。 @electron/remote替代了Electron中的内置remote模块，该模块已被弃用，最终将被移除。 从remote迁移 注意： @electron/remote需要Electron 10或更高版本。 从内置的remote模块迁移到@electron/remote需要做三件事。 首先，您需要从NPM安装它： $ npm install --save @electron/remote 其次， @electron/remote/main必须在主进程中初始化，然后才能在渲染器中使
Electron进程间的通信，主进程与渲染进程之间的通信，渲染进程通过主进程与渲染进程之间的通信，渲染进程直接与渲染进程之间的通信
04-10
这个小Demo 实现了 Electron 程序 从0 开始搭建，没有用脚手架，实现了 Electron进程间的通信，主进程与渲染进程之间的通信，渲染进程通过主进程与渲染进程之间的通信，渲染进程直接与渲染进程之间的通信，几种实现...
electron主进程和渲染进程通信
01-24
介绍：https://blog.csdn.net/applek_Case/article/details/86622059
electron 渲染进程调用主进程_electron主进程与渲染进程的通信方式
weixin_35836574的博客
01-14 1372
这篇笔记主要解决的问题是Electron的主进程与渲染进程之间的通信.使用ipcMain和ipcRenderer// 来自官方的示例const {ipcMain} = require('electron')ipcMain.on('asynchronous-message', (event, arg) => {console.log(arg) // prints "ping"event.sen...
electron知识汇总
斗师——Ace
02-03 1126
1. electron：跨平台，离线优先的桌面端开发框架。 2. electron是由俩种进程组成，包括主进程和0个或n个渲染进程。 2.1 主进程：承担应用的生命周期（包括启动，退出，准备，正在切换到后台，正在切换到前台等，还负责与原生操作系统API通信）。 2.2 渲染进程：做web页面的ui，渲染进程之间独立在各自的单线程，渲染进程之间相互隔离，不能直接访问操作系统，需要通信到主线程，在通过主线程操作访问操作心态。一个BrowserWindow实例即为一个渲染进程。 3. electron整.
electron窗口间通信(渲染进程和主进程事件监听)
weixin_46852620的博客
01-30 2357
主进程 const { app, BrowserWindow, BrowserView, globalShortcut } = require('electron') const path = require('path') var mainWindow = null // 声明要打开的主窗口 const { Menu, ipcMain } = require('electron') app.on('ready', () => { // 设置窗口的高度和宽度 mainWindow = new
使用 Electron 在两个进程 (主进程和渲染进程) 之间进行通讯
younger_z的专栏
05-08 2772
此系列文章的应用示例已发布于GitHub: electron-api-demos-Zh_CN. 可以 Clone 或下载后运行查看. 欢迎 Star . 原文地址：https://segmentfault.com/a/1190000011507250 通过ipc（进程间通信）模块允许您在主进程和渲染进程之间发送和接收同步和异步消息. 这个模块有一个版本可用于这两个进程:ipcM...
Electron教程（二）启动过程：主进程，渲染进程是什么
学习笔记
07-25 5136
要想知道 `electron` 的启动过程，就需要知道 主进程、渲染进程分别是什么，因为 `electron` 就包含这两种进程 `electron` 项目跟所有的 `npm` 项目一样，入口都是 `package.json` 中的 `main` 字段指定的 js，比如你指定的是 `app.js`。
electron-vue ipcRenderer.on() 调用多次
u012817876的博客
10-13 3566
methods: { isSave (ev) { this.localFileUrl = ev.localFileUrl // 本地的路径 ipcRenderer.send('save-dialog', ev.localFileUrl) ipcRenderer.on('saveFile', (event, path1) => { ...
Electron主进程和渲染进程之间通信
duansamve的博客
08-31 2765
Electron发送和接收数据用到的是 ipcMain 和 ipcRenderer 两个对象：ipcMain 是用在主进程中的；ipcRenderer 是用在渲染进程中的。
第八节 Electron主进程和渲染进程之间的通信
10-21 944
渲染进程通过事件执行主进程里的方法或者渲染进程通知主进程去处理事件，处理完成后广播一个事件给渲染进程，让渲染进程去处理。这就用到了主进程和渲染进程的通信。以上就是今天要讲的内容，主要思路就是主进程和渲染进程通信所涉及的一些知识点，当做笔记记下来。每天记录一点，助力成长！欢迎大家来浏览我的博客，如发现我有写错的地方，欢迎交流指正。
electron学习一BrowserWindow
weixin_43360634的博客
05-22 8748
*BrowserWindow 创建和控制浏览器窗口 进程：主进程 一、创建程序窗口 //主进程中用下面代码 const { BrowserWindow,app} = require('electron') //或者在渲染进程中用“remote” // const { BrowserWindow} = require("electron").remote app.on('re...
Electron 主进程和渲染进程互相通信
热门推荐
王俊的博客
02-25 1万+
对于 渲染进程 之间的通信，可见另一篇总结：https://blog.csdn.net/weixin_42762089/article/details/88532572 下面总结一下主进程和渲染进程之间的通信。 说明： 自主到从：从Main到Renderer的消息传递，借助BrowerWindow.webContents.send()发送消息。 自从到主：从Renderer到Main的消息传......
electron主进程向渲染进程通信
最新发布
03-07
可以使用 Electron 提供的 IPC (Inter-Process Communication) 模块来实现主进程和渲染进程之间的通信。具体实现方式可以参考 Electron 官方文档中的 IPC 部分。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值