目前最新的 Electron 正式版本是 13.x.x,这次 Electron 本身提供的新能力比较少,但 Node 升级到了 14.16.0,并且 v8 升级到了 9.1。本文主要介绍electron13版本使用remote模块实现渲染进程读取主进程变量的方法。

Electron13正式禁用了Remote模块,使用一个新的包 @electron/remote 来替代。@electron/remote 是Electron内置remote模块的替代方案,它将JavaScript对象从主进程连接到渲染器进程,方便我们在渲染器进程中访问主进程的对象。直接按照这个包的说明使用会报错,正确的使用方式如下:

安装@electron/remote

项目根目录,执行如下命令

npm install --save @electron/remote

主进程引入并初始化,然后声明全局变量

// 初始化
require('@electron/remote/main').initialize()
//全局变量
global.shareObject = {
  isDev: isDev,
  currentVersion: currentVersion,
};

渲染进程获取数据

// 获取主进程全局变量
const shareObject = window.require('@electron/remote').getGlobal("shareObject")
const isDev = shareObject.isDev
const currentVersion = shareObject.currentVersion; 
// 获取主进程窗口
const { BrowserWindow } = window.require('@electron/remote')
//获取主进程app
const app = window.require('@electron/remote').app
const version = app.getVersion();

注意@electron/remote包有坑,不是非常完善,其中之一就是必须使用window.require引入,不能直接使用require,否则会报错

其他

其他api可参考@electron/remote