electron的通信方式三种

2025-03-08 约 488 字预计阅读 1 分钟

electron的通信方式（三种）

electron的主要是主线程和渲染线程之间的通信，简单记录一下三种通信方式

利用ipcRenderer.send()和ipcMain.on()方法

渲染进程代码

window.electron.ipcRenderer.send('render-to-main','hello,main!')

主进程代码

ipcMain.on('render-to-main',(event,data)=>{
    console.log('message:',data)
  })

利用ipcRenderer.invoke()和ipcMain.handle()方法

渲染进程代码

window.electron.ipcRenderer.invoke('getTime').then((time)=>{
  console.log('事件',time)
})

主进程代码

ipcMain.handle('getTime',async (event,data)=>{
    return new Date().toLocaleString()
  })

利用ipcRenderer.on()和imainWindow.webContents.send方法

渲染进程代码

window.electron.ipcRenderer.on('notify',(e,mssage)=>{
  console.log('收到的消息',mssage)
})

主进程代码

setTimeout(()=>{
    mainWindow.webContents.send('notify','这是一条消息')
  },2000)