electron进程与进程之间的通信

sihai 发布于2019-08-21 17:15 / 2353人阅读

摘要：主进程在里，运行里脚本的进程被称为主进程。渲染进程由于使用来展示页面，所以的多进程结构也被充分利用。每个的页面都在运行着自己的进程，这样的进程我们称之为渲染进程。在一般浏览器中，网页通常会在沙盒环境下运行，并且不允许访问原生资源。

主进程

在 Electron 里，运行 package.json 里 main 脚本的进程被称为主进程。在主进程运行的脚本可以以创建 web 页面的形式展示 GUI。

渲染进程

由于 Electron 使用 Chromium 来展示页面，所以 Chromium 的多进程结构也被充分利用。每个 Electron 的页面都在运行着自己的进程，这样的进程我们称之为渲染进程。

在一般浏览器中，网页通常会在沙盒环境下运行，并且不允许访问原生资源。然而，Electron 用户拥有在网页中调用 Node.js 的 APIs 的能力，可以与底层操作系统直接交互。

主进程与渲染进程之间的通信

可以从主进程中直接发送消息给渲染进程

//main.js
//从主进程发送消息给渲染进程

mainWindow.webContents.send("main-process-messages", "main-process-messages show")

//index.html,渲染进程中接收消息
const electron = require("electron")
const ipcRenderer = electron.ipcRenderer
ipcRenderer.on("main-process-messages", function(event, message){
    alert(message)
})

通过ipcRenderer和ipcMain进行通信

这个是从渲染进程中发起

//index.html,渲染进程
onst electron = require("electron")
const ipcRenderer = electron.ipcRenderer
function sendTypeOne() {
    //向主进程发送消息
    ipcRenderer.send("MainMsgFromRender","hellow")
}

// 监听主进程返回的消息
ipcRenderer.on("RenderMsgFromMain", function (event, arg) {
    alert(arg)
})

//main.js
const electron = require("electron")
//主进程
const ipcMain = electron.ipcMain
ipcMain.on("MainMsgFromRender",function (event, arg) {
    console.log(arg)
    event.sender.send("RenderMsgFromMain",arg)
})

通过全局变量

//main.js
global.sharedObject = {
    newTel: "000"
}

//index.html,渲染进程
const remote = require("electron").remote
function sendTypeTwo() {
    alert(remote.getGlobal("sharedObject").newTel)
}

做了一个小demo，可以下载看看了解更清楚。
demo

GPU云服务器云服务器多进程通信进程通信方式进程间通信 linux进程与线程

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/89314.html

【Electron】酷家乐客户端开发实践分享 — 进程通信

摘要：为了能使不同的进程互相访问资源并进行协调工作，才有了进程间通信。此时，就需要与渲染进程通信了。发消息，渲染进程收消息内部使用来发消息。作者：钟离，酷家乐PC客户端负责人原文地址：https://webfe.kujiale.com/electron-ku-jia-le-ke-hu-duan-kai-fa-shi-jian-fen-xiang-jin-cheng-tong-xin/酷家...

winterdawn 2019-08-30 11:10 评论0 收藏0
【Electron】酷家乐客户端开发实践分享 — 进程通信

摘要：为了能使不同的进程互相访问资源并进行协调工作，才有了进程间通信。此时，就需要与渲染进程通信了。发消息，渲染进程收消息内部使用来发消息。作者：钟离，酷家乐PC客户端负责人原文地址：https://webfe.kujiale.com/electron-ku-jia-le-ke-hu-duan-kai-fa-shi-jian-fen-xiang-jin-cheng-tong-xin/酷家...

aervon 2019-08-02 15:18 评论0 收藏0
【Electron】酷家乐客户端开发实践分享 — 进程通信

摘要：为了能使不同的进程互相访问资源并进行协调工作，才有了进程间通信。此时，就需要与渲染进程通信了。发消息，渲染进程收消息内部使用来发消息。作者：钟离，酷家乐PC客户端负责人原文地址：https://webfe.kujiale.com/electron-ku-jia-le-ke-hu-duan-kai-fa-shi-jian-fen-xiang-jin-cheng-tong-xin/酷家...

Wuv1Up 2019-08-23 18:06 评论0 收藏0
Electron 快速入门

摘要：当一个实例被销毁后，相应的渲染进程也会被终止。之所以命名为，主要是为了与主进程这个概念对应。部分在事件触发后才能使用。当全部窗口关闭时退出。主进程接收到消息并处理之后，会返回处理结果。简介 Electron 是一个可以使用 Web 技术如 JavaScript、HTML 和 CSS 来创建跨平台原生桌面应用的框架。借助 Electron，我们可以使用纯 JavaScript 来调用丰...

Drummor 2019-08-20 17:49 评论0 收藏0
Electron 渲染进程之间的通信

摘要：对于主进程和渲染进程之间的通信，使用是很方便的。但是渲染进程之间呢哈哈，我这个码农看来又踩到一个坑了。方案一使用全局共享属性但不具备事件机制，没有实质的通信功能。方案二利用主进程做消息中转此方案还是很好的。菜鸟的 Electron 踩坑集锦。对于主进程和渲染进程之间的通信，使用 IPC 是很方便的。但是渲染进程之间呢？哈哈，我这个码农看来又踩到一个坑了。方案一：使用全局共享...

trilever 2019-08-20 16:13 评论0 收藏0