在现代隔离的渲染进程中使用remote.getGlobal变量Electron

在现代版本的Electron（>=5.0.0）中，为了加强安全性，将原本允许渲染进程直接访问主进程变量的remote.getGlobal API改为了只能在主进程访问。因此，直接在隔离的渲染进程中使用remote.getGlobal会导致未定义的错误。 虽然这样的更新提高了应用程序的安全性，但许多旧代码会因为此而不再工作。下面是使用ipcRenderer和contextBridge实现在隔离的渲染进程中访问主进程变量的示例代码：

在主进程中，定义需要共享的全局变量，并将其暴露给渲染器:

const { app } = require('electron');

// Shared variable
let shared = {
  greeting: 'Hello, world!',
  version: app.getVersion()
};

// Expose to renderer process
global.sharedObj = shared;

在渲染进程中，使用contextBridge进行预定义变量的暴露，并使用ipcRenderer从主进程获取共享对象:

// Preload script
const { contextBridge, ipcRenderer } = require('electron')

// Define exposed API
contextBridge.exposeInMainWorld('api', {
  getShared: () => {
    return ipcRenderer.invoke('getSharedObj');
  }
});

在主进程中，使用ipcMain响应渲染进程发起的请求，并发送共享对象:

// Main process
const { ipcMain } = require('electron')

// Handle IPC request and reply with shared object
ipcMain.handle('getSharedObj', () => {
  return global.sharedObj;
});

在渲染进程中，调用 getShared 函数从主进程获取共享对象：

// In renderer process
const { api } = window;
api.getShared().then(shared => console.log(shared));

这样就可以在隔离的渲染进程中间接访问主进程中的变量，保证了安全性和正确性。