Electron remote 模块、通过 BrowserWindow 打开新窗口

摘要:
Electron主进程和渲染进程中的模块Electronremote模块remote模块提供了一种在渲染进程(网页)和主进程之间进行进程间通讯的简便途径。Electron中,与GUI相关的模块只存在于主进程,而不在渲染进程中。使用remote模块,可以调用主进程对象的方法,而无需显式地发送进程间消息,这类似于Java的RMI。win=null;});}//当Electron完成初始化并且已经创建了浏览器窗口,则该方法将会被调用。app.on;//当所有的窗口被关闭后退出应用app.on('window-all-closed',()=˃{//对于OSX系统,应用和相应的菜单栏会一直激活直到用户通过Cmd+Q显式退出if(process.platform!

Electron 主进程和渲染进程中的模块

Electron remote 模块、通过 BrowserWindow 打开新窗口第1张

Electron remote 模块

remote 模块提供了一种在渲染进程(网页)和主进程之间进行进程间通讯(IPC)的简便途

径。

Electron , GUI 相关的模块(如 dialog, menu )只存在于主进程,而不在渲染进程中 。 为了能从渲染进程中使用它们,需要用ipc模块来给主进程发送进程间消息。使用 remote 模 块,可以调用主进程对象的方法,而无需显式地发送进程间消息,这类似于 Java RMI

Electron 渲染进程中通过 remote 模块调用主进程中的 BrowserWindow 打开新窗口

主进程代码:

const electron = require('electron'); //控制应用生命周期的模块 const {app} = electron;//创建本地浏览器窗口的模块 const {BrowserWindow} = electron;//指向窗口对象的一个全局引用,如果没有这个引用,那么当该 javascript 对象被垃圾回收 的//时候该窗口将会自动关闭
let win;
functioncreateWindow() {
//创建一个新的浏览器窗口
win = new BrowserWindow({ 1104, height: 620});//570+50//并且装载应用的 index.html 页面 win.loadURL(`file://${__dirname}/html/index.html`);////
打开开发工具页面
win.webContents.openDevTools();
//
win.on('closed', () =>{
当窗口关闭时调用的方法
//解除窗口对象的引用,通常而言如果应用支持多个窗口的话,你会在一个数组里 // 存放窗口对象,在窗口关闭的时候应当删除相应的元素。
win = null;
}); }
//当 Electron 完成初始化并且已经创建了浏览器窗口,则该方法将会被调用。 // 有些 API 只能在该事件发生后才能被使用。
app.on('ready', createWindow);
//当所有的窗口被关闭后退出应用 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(); }
});
//在这个文件后面你可以直接包含你应用特定的由主进程运行的代码。 // 也可以把这些代码放在另一个文件中然后在这里导入。

渲染进程代码

var btn=document.querySelector('#btn');

//渲染进程没法直接调用主进程中的模块,但是我们可以通过 electron中的remote模块间接的调用主进程中的模块

var path=require('path');

var BrowserWindow=require('electron').remote.BrowserWindow;

var win=null;

btn.onclick=function(){

    //alert('点击了');


    //调用 BrowserWindow打开新窗口
    win=newBrowserWindow({

        400,
        height:300,
        //frame:false,
        //fullscreen:true
})
    win.loadURL(path.join('file:',__dirname,'news.html'));

    win.on('closed',()=>{

        win=null;
    })

}

免责声明:文章转载自《Electron remote 模块、通过 BrowserWindow 打开新窗口》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇MySQL5.7 虚拟列实现表达式或函数索引低延时高RTSP兼容的EasyPlayerRTSPwin解决H.264一帧多个nal单元录像花屏问题方案下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

如何把Electron做成一个Runtime,让多个应用共享同一个Electron

这个问题涉及到很多知识,而且要想把这个Runtime做好很绕。 下面我就说一下我的思路:(以下内容以Windows平台为基础,Mac平台和Linux平台还得去调查一下,才能确定是否可行) 首先,我们先区分三类用户: Runtime建设者(就是我们) Runtime使用者(就是使用Runtime的开发者) 最终用户(就是使用Runtime开发者开发的应用的...

【Repo】repo sync:error.GitError: cannot initialize work tree

1.Error Fetching projects: 100% (725/725), done. Checking out files: 100% (4605/4605), done.out files: 41% (1902/4605) Checking out files: 100% (4371/4371), done.out files:...

Electron webview

Electron webviewhttp://www.ayqy.net/blog/electron-webview完全指南/ 一.webview标签 Electron提供了webview标签,用来嵌入Web页面: Display external web content in an isolated frame and process. 作用上类似于HTM...

Vue项目中引入electron发布桌面应用

1. 在原先已有的Vue项目里面,打开终端执行vue add electron-builder ; 2. 选择合适的版本安装好这个插件,执行npm run electron:serve ; 3. 如果页面没有什么错误,就会弹出一个vue的应用窗口,说明准备工作已经完成; 4. 如果需要修改桌面应用界面或窗口之类的一些配置,则需要在package.json文...

客户端软件GUI开发技术漫谈:原生与跨平台解决方案分析

原生开发应用开发 Microsoft阵营的 Winform WinForm是·Net开发平台中对Windows Form的一种称谓。 如果你想深入的美化UI,需要耗费很大的力气,对于目前主流的CSS样式表来讲,美化Winform的界面以及自定义控件是需要耗费更多的时间的。 WPF 基于XML+C#+CSS的呈现方式让它在UI上有了更加灵活的设计宽度 WPF...

深入详解美团点评CAT跨语言服务监控(一) CAT简介与部署

  前言: CAT是一个实时和接近全量的监控系统,它侧重于对Java应用的监控,除了与点评RPC组件融合的很好之外,他将会能与Spring、MyBatis、Dubbo 等框架以及Log4j 等结合,支持PHP、C++、Go等多语言应用,基本接入了美团点评上海侧所有核心应用。目前在中间件(MVC、RPC、数据库、缓存等)框架中得到广泛应用,为美团点评各业务线...