electron-进程间通信

最新推荐文章于 2023-10-08 17:23:21 发布

weixin_33912453

最新推荐文章于 2023-10-08 17:23:21 发布

阅读量172

点赞数

文章标签： python

原文链接：https://my.oschina.net/u/215677/blog/1506901

版权

2019独角兽企业重金招聘Python工程师标准>>>

Electron 提供了两个ipc(进程间通信)模块调用ipcMain和ipcRenderer.

ipcMain模块主要用于主进程异步传送信息到renderer线程。在主进程中使用时，它处理从renderer进程（见面）发送的异步和同步的消息。从renderer发送的消息将被推送到该模块。

ipcRenderer模块主要是从renderer线程异步推送信息到main线程当中。它提供了几种方法，可以采用同步或异步推送信息给main线程，同样也可以接收main线程的回复。我们创建一个main线程和renderer线程，通过上面所提供的模块进行数据的通信。我们需要创建一个main_process.js文件并且写入下面的代码段。

const { app, BrowserWindow } = require('electron')
const url = require('url')
const path = require('path')
const { ipcMain } = require('electron')

let win

function createWindow() {
    win = new BrowserWindow({ width: 800, height: 600 })
    win.loadURL(url.format({
        pathname: path.join(__dirname, 'index.html'),
        protocol: 'file:',
        slashes: true
    }))
}

//异步事件处理
ipcMain.on('asynchronous-message', (event, arg) => {
    console.log(arg)

    //异步响应数据
    event.sender.send('asynchronous-reply', 'async pong')
})


//同步的接收事件处理
ipcMain.on('synchronous-message', (event, arg) => {
    console.log(arg)

    // 同步事件响应
    event.returnValue = 'sync pong'
})

app.on('ready', createWindow)

我们创建一个index.html文件，并且写入下面的代码

<!DOCTYPE html>
<html>
  <head>
   <meta charset="UTF-8">
   <title>Hello World!</title>
  </head>
  <body>
   <script>
      const {ipcRenderer} = require('electron')

      //同步消息的响应及处理
      console.log(ipcRenderer.sendSync('synchronous-message', 'sync ping')) 

      //异步消息接收事件处理
      ipcRenderer.on('asynchronous-reply', (event, arg) => {
         console.log(arg)
      })

      //异步发送消息
      ipcRenderer.send('asynchronous-message', 'async ping')
   </script>
  </body>
</html>

运行app