electron自写窗口与第三方窗口之间的通信,并获取第三方窗口传过来的值

今天公司提了一个新的需求,要求把在公司的页面里获取到第三方页面传过来的值,然后传递给服务器,研究了几个小时,终于搞出来了,特此记录一下,以后怕忘了。。。

以下是代码:

const electron = require('electron');
// 控制应用生命周期的模块
const app = electron.app;
// 创建本地浏览器窗口的模块
const BrowserWindow = electron.BrowserWindow;
const ipc = electron.ipcMain;//主进程中的通信
// 指向窗口对象的一个全局引用,如果没有这个引用,那么当该javascript对象被垃圾回收的
// 时候该窗口将会自动关闭
var win;//公司页面
var aa;第三方页面
function createWindow() {
    // 创建一个新的浏览器窗口 主窗口
    win = new BrowserWindow({width: 2000, height: 1000,frame: false,autoHideMenuBar:false,maximizable:false,resizable:false});
    // 并且装载应用的index.html页面
    win.loadURL(`file://${__dirname}/www/index.html`);
    aa = new BrowserWindow({width: 1100, height: 716,frame: true,autoHideMenuBar:false,maximizable:false,
	resizable:false,show:false});//创建第三方页面窗口,默认隐藏
    aa.loadURL(`http://www.baidu.com`);
    // 打开开发工具页面
    win.webContents.openDevTools();
    ipc.on('open-baidu',function(event,arg) {
        aa.show();//显示第三方页面窗口
        aa.webContents.executeJavaScript('var p=new Promise(function (resolved){resolved
(	document.getElementById("lg").firstChild.src)});p.then(function (a) {return a})',true)
            .then(function (a) {
                event.returnValue = a;//赋值给event
                event.sender.send('asynchronous-reply', a);//通过evemt像公司页面传递值
            });//可以在第三方页面的窗口执行代码
	//特别说明:
	//webContents.executeJavaScript方法可以接受一个代码串,必须是字符串,我们获取到的值要通过promise来传递
// aa.webContents.openDevTools(); });}// 当Electron完成初始化并且已经创建了浏览器窗口,则该方法将会被调用。// 有些API只能在该事件发生后才能被使用。app.on('ready', createWindow);/* var mainWindow = new BrowserWindow({ webPreferences: { nodeIntegration: false } }); */// 当所有的窗口被关闭后退出应用app.on('window-all-closed', () => { // 对于OS X系统,应用和相应的菜单栏会一直激活直到用户通过Cmd + Q显式退出 if (process.platform !== 'darwin') { app.quit();}});app.on('activate', () => { // 对于OS X系统,当dock图标被点击后会重新创建一个app窗口,并且不会有其他 // 窗口打开 if (win === null) { createWindow();}});//公司页面js触发显示
var ipc = require('electron').ipcRenderer;
//渲染进程的通信
ipc.send('open-baidu');//触发第三方页面的显示及传值
ipc.on('asynchronous-reply', (event, arg) => {
    console.log(arg) // prints "pong"
})//接收第三方页面传值并打印
//以上代码即完成获取第三方窗口传值

  • 1
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值