【项目实战】云笔记本应用Electron 使用 ipc 通讯(5)

129 阅读1分钟

使用 ipc 通讯

渲染进程 向 主进程 发消息

document.getElementById('send').addEventListener('click', 
() => {   ipcRenderer.send('message', 'hello from renderer')   
 // let win = new BrowserWindow({ width: 800, height: 600 })  
 // win.loadURL('https://baidu.com') })

主进程 接收

ipcMain.on('message', (event, arg) => {  
console.log(event)  
console.log(arg)   
event.reply('reply', 'hello from main process') })

index.html

<button id="send">Send to main</button>  
<span id="message"></span>

效果

image.png

主进程 向渲染进程 回复消息

event.reply('reply', 'hello from main process')

渲染进程 渲染在页面上

ipcRenderer.on('reply', (event, arg) => {   
document.getElementById('message').innerHTML = arg 
})

效果展示

image.png

非常 nice !