技术思绪摘录旅行
remote模块为渲染进程(web页面)和主进程通信(IPC)提供了一种简单方法。通俗讲就是 remote 模块让仅在主进程中可用的一些模块,比如app, 通知,dialog,渲染进程也可以调用。

image.png

1、安装@electron/remote

npm install --save @electron/remote
或者
cnpm install --save @electron/remote
或者
yarn add @electron/remote

2、主进程中配置启用 remote 模块

const remote=require(’@electron/remote/main’)
remote.initialize()
remote.enable(mainWindow.webContents);

主进程配置详细代码

const remote=require(’@electron/remote/main’)
remote.initialize()
const mainWindow = new BrowserWindow({
width: 800,
height: 600,
});
//启用 Remote 模块
remote.enable(mainWindow.webContents);

3、渲染进程引入 remote 模块使用

const { BrowserWindow } = require("@electron/remote")

渲染进程代码:

const btn = document.querySelector('#btn');
const path = require('path');
const { BrowserWindow } = require("@electron/remote")
btn.onclick = () => {
    win = new BrowerWindow({
        width: 300,
        height: 200,
        frame: false,
        transparent: true
        // fullscreen:trues
    })
    win.loadURL(path.join('file:', __dirname, 'news.html'));
    win.on('close', () => { win = null });
}


CarsonIT 微信扫码关注公众号 策略、创意、技术

留下您的脚步

 

最近评论

查看更多>>

精选推荐

阅读排行

友情打赏

请打开您的微信,扫一扫