一、ipcMain

ipcMain 模块是类 EventEmitter 的实例。当在主进程中使用它的时候,它控制着由渲染进程(web page)发送过来的异步或同步消息,从渲染进程发送过来的消息将触发事件。

1、发送消息

  • 发送消息,事件名为 channel.
  • 回应同步消息, 你可以设置 event.returnValue
  • 回应异步消息, 你可以使用 event.sender.send(...)

例子:

// 主进程中
const ipcMain = require('electron').ipcMain;ipcMain.on('asynchronous-message', function(event, arg) {console.log(arg);  // prints "ping"event.sender.send('asynchronous-reply', 'pong');
});ipcMain.on('synchronous-message', function(event, arg) {console.log(arg);  // prints "ping"event.returnValue = 'pong';
});
// 渲染进程中(web page).
const ipcRenderer = require('electron').ipcRenderer;
console.log(ipcRenderer.sendSync('synchronous-message', 'ping')); // prints "pong"ipcRenderer.on('asynchronous-reply', function(event, arg) {console.log(arg); // prints "pong"
});
ipcRenderer.send('asynchronous-message', 'ping');

从上面的代码中我们可以看出,

  • 同步消息使用 sendSync 方法,在发出的瞬间即可接收到响应内容。
  • 异步消息使用 send 方法,之后需要监听异步事件才能得到响应。

2、监听消息

(1)ipcMain.on(channel, listener)

  • channel String
  • listener Function

监听 channel,当新消息到达时将通过 listener(event, args...) 调用 listener

(2)ipcMain.once(channel, listener)

  • channel String
  • listener Function

为事件添加一个一次性用的 listener 函数。这个 listener 只有在下次的消息到达 channel 时被请求调用,之后就被删除了。

(3)ipcMain.removeListener(channel, listener)

  • channel String
  • listener Function

为特定的 channel 从监听队列中删除特定的 listener 监听者。

(4)ipcMain.removeAllListeners([channel])

  • channel String (可选)

删除所有监听者,或特指的 channel 的所有监听者。

3、事件对象

(1)event.returnValue

将此设置为在一个同步消息中返回的值。

(2)event.sender

返回发送消息的 webContents ,你可以调用 event.sender.send 来回复异步消息。

二、ipcRenderer

ipcRenderer 模块是一个 EventEmitter 类的实例。它提供了有限的方法,你可以从渲染进程向主进程发送同步或异步消息, 也可以收到主进程的响应。

1、发送消息

(1)ipcRenderer.send(channel[, arg1][, arg2][, ...])

  • channel String
  • arg (可选)

通过 channel 向主进程发送异步消息,也可以发送任意参数。参数会被JSON序列化之后就不会包含函数或原型链

主进程通过使用 ipcMain 模块来监听 channel 来处理消息,通过 event.sender.send() 来响应。

(2)ipcRenderer.sendSync(channel[, arg1][, arg2][, ...])

  • channel String
  • arg (可选)

通过 channel 向主进程发送同步消息,也可以发送任意参数。参数会被JSON序列化,之后就不会包含函数或原型链。

主进程通过使用 ipcMain 模块来监听 channel,从而处理消息, 通过 event.returnValue 来响应.

注意: 发送同步消息将会阻塞整个渲染进程,除非你知道你在做什么,否则就永远不要用它。

(3)ipcRenderer.sendToHost(channel[, arg1][, arg2][, ...])

  • channel String
  • arg (可选)

类似 ipcRenderer.send ,但是它的事件将发往 host page 的 <webview> 元素,而不是主进程。

2、监听消息

(1)ipcRenderer.on(channel, listener)

  • channel String
  • listener Function

监听 channel,当有新消息到达,使用 listener(event, args...) 调用 listener

(2)ipcRenderer.once(channel, listener)

  • channel String
  • listener Function

为这个事件添加一个一次性 listener 函数。这个 listener 将在下一次有新消息被发送到 channel 的时候被请求调用,之后就被删除了。

(3)ipcRenderer.removeListener(channel, listener)

  • channel String
  • listener Function

从指定的 channel 中的监听者数组删除指定的 listener

(4)ipcRenderer.removeAllListeners([channel])

  • channel String (optional)

删除所有的监听者,或者删除指定 channel 中的全部。

(SAW:Game Over!)

JavaScript / Electron / ipcMain,ipcRenderer相关推荐

  1. ipcMain和ipcRenderer的通信

    ipcMain和ipcRenderer的通信 ipcMain**:**当在主进程中使用时,它处理从渲染器进程(网页)发送出来的异步和同步信息, 当然也有可能从主进程向渲染进程发送消息. ipcRend ...

  2. Electron 入门,主进程向渲染进程发送事件,渲染进程向主进程发送事件

    Electron 入门,主进程向渲染进程发送事件,渲染进程向主进程发送事件 相关教程: Electron教程(二)启动过程:主进程,渲染进程是什么 刚入门 electon ,整 electon + v ...

  3. JavaScript——基础知识,开始我们的js编程之旅吧!

    JavaScript基础第01天 1. 编程语言 编程语言:可以通过类似于人类语言的"语言"来控制计算机,让计算机为我们做事情,这样的语言就叫做编程语言(Programming L ...

  4. [JavaScript] JavaScript数组挖掘,不只是讲数组哟(2)

    课程来源:后盾人 上一篇的内容:[JavaScript] JavaScript数组挖掘,不只是讲数组哟 数组引用类型分析,多维数组,用Array.of为数组创建细节,类型检测与转换,在一个数组后面加一 ...

  5. javascript之变量,作用域和内存问题

    为什么80%的码农都做不了架构师?>>>    1. 基本类型和引用类型 javascript变量可能包含两种不同数据类型的值:基本类型值和引用类型值.基本类型值指的是那些保存在栈内 ...

  6. 扩展JavaScript的时候,千万要保留其原来的所有功能

    扩展JavaScript的时候,千万要保留其原来的所有功能,因为不知道别人的代码是否会用到这些.而且一般来说,为了写出兼容更多JS框架的代码,最保险的方法就是用JS的原生功能.然而-- 在这个问题上, ...

  7. 程序员javascript写乒乓球,和机器人练技术!没赢过!

    点击查看乒乓球特效 程序员HTML5/javascript打造智能乒乓球对打! 这个乒乓球项目是基于html5/canvas画布,虽然看起来布局是非常简单的,但是里面的逻辑关系有点儿复杂,就比如右边的 ...

  8. Javascript编码规范,好的代码从书写规范开始,增强代码的可读性,可维护性,这是相当重要的!...

    1. 前言 JavaScript在百度一直有着广泛的应用,特别是在浏览器端的行为管理.本文档的目标是使JavaScript代码风格保持一致,容易被理解和被维护. 虽然本文档是针对JavaScript设 ...

  9. swift 原生给h5发消息_Swift-WKWebView与JavaScript的细节,H5页面跳转原生界面

    大家(也包括我)要学会 明白一件事情(注意断句,哈哈).优秀的程序猿会将问题简单化. 世界上有10种人,一种是先把问题复杂化,然后在一点点的做减法:另一种是先把问题简单化,然后在慢慢的做加法:(好了该 ...

最新文章

  1. Spring学习笔记_IOC
  2. App_Offline.htm 一个静态页面实现整站维护时统一页面
  3. 一款优秀的翻译软件DeepL
  4. 5G NGC — 关键技术 — 网络切片 — 实现原理
  5. Zabbix监控之常用snmp-OID
  6. 纯javascript 幻灯片
  7. 不用等到2050年,现在已经有人跟机器人结婚了
  8. java中运算类型_Java数据类型及运算
  9. One order里user status和system status的mapping逻辑
  10. hash算法_到底什么是Hash?Hash算法的原理和实际应用讲解
  11. c++基础学习(12)--(多线程、Web编程)
  12. 鸿蒙车载智慧屏评测,华为鸿蒙系统初体验,华为智慧屏评测,功能超乎想象
  13. php控制台输入输出
  14. SVN版本管理的回滚(SmartSVN)
  15. 逻辑英语与语法俱乐部比较
  16. python宏定义_宏定义(无参宏定义和带参宏定义),C语言宏定义详解
  17. 西安计算机考证培训学校
  18. vue-manage-system : Vue2 后台管理系统解决方案
  19. qq家园里游戏c语言,盘点腾讯旗下5款过气游戏,全部玩过的人都该结婚了吧
  20. 快来使用HTTPS吧

热门文章

  1. zookeeper在Dubbo中的作用
  2. Android组件之BroadCast简单实践
  3. IP地址概念及其划分
  4. Snort 网络***检测系统(二)之Snort 介绍
  5. leetcode 遇到的问题
  6. 使用three.js实现炫酷的酸性风格3D页面
  7. Celery简介及Docker测试环境搭建
  8. docker命令:删除所有为stop状态的docker容器
  9. linux通过tar包安装docker
  10. vue-router嵌套路由示例