electron主进程与渲染进程通讯

electron官网文档地址

简介 | Electron (electronjs.org)

 

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

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

1
2
3
4
5
6
7
8
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()
 
})

  

posted @   zwbsoft  阅读(173)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 在鹅厂做java开发是什么体验
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
点击右上角即可分享
微信分享提示