electron主进程与渲染进程通讯

electron官网文档地址

简介 | Electron (electronjs.org)

 

渲染进程引入ipcRender
主进程使用ipcMain  

发送请求用send，监听请求用on（不管是从渲染进程到主进程还是反过来都是）
以渲染进程向主进程通讯为例，比如在页面中点原文浏览需要打开新窗口显示
在vue页面的点击事件中，写入如下代码

import {ipcRenderer} from ‘electron’

const viewpage = this.$router.resolve({
path:'/onlineViewPage',
query:{
uitype:'file' //等参数
}
})
const allpath = localStorage.getItem('baseUrl)+viewpage.href
ipcRenderer.send('new-window',allpath)

　　electron入口文件（src/background.js）中（主进程中）代码如下：

import {ipcMain} from ‘electron’

ipcMain.on('new-window',function(e,params){  
const newin = new BrowserWindow({ 
parent:win, 
webPreferences:{ 
nativeWindowOpen:true  
} 
}) 

newin.loadURL(params) 
newin.maxmize() 
newin.show() 
newin.webContents.openDevTools() 

})