Electron主进程向渲染进程传递设置：求更优方案及同步实现

问题背景 #

我正在研究Electron框架，应用中有一个包含所有应用设置的JavaScript对象，其中有一个名为renderer的键，希望将其传递给渲染窗口以统一管理设置。目前找到的实现方式（排除通过BrowserWindow的additionalarguments传入process.argv的方法）如下：

现有实现代码 #

main.js

ipcMain.handle('getSettings', () => {
    return settings.renderer
})

preload.js

contextBridge.exposeInMainWorld('bridge', {
    getSettings: () => ipcRenderer.invoke('getSettings')
})

renderer.js

function getSettings() {
    settings = window.bridge.getSettings().then(response => {
        console.log(response)
    })
}

getSettings()

想请教：是否有更便捷的实现方式？能否通过同步方式完成这一操作？

优化方案 #

更便捷的实现方式 #

1. 直接注入静态设置

如果设置不需要动态更新，可以在渲染页面加载完成后，通过webContents.executeJavaScript直接将设置注入到渲染进程的全局对象中，省去IPC调用步骤：

// main.js
const mainWindow = new BrowserWindow({ /* 窗口配置项 */ });

mainWindow.webContents.on('did-finish-load', () => {
    // 将设置序列化为JSON字符串注入到渲染进程
    mainWindow.webContents.executeJavaScript(`
        window.appRendererSettings = ${JSON.stringify(settings.renderer)};
    `);
});

在renderer.js中可直接使用：

console.log(window.appRendererSettings); // 直接获取设置

2. 主动推送动态更新

如果设置需要动态同步，可由主进程主动推送更新，避免渲染进程轮询请求：

// main.js：设置变化时主动推送
function notifySettingsUpdate() {
    if (mainWindow) {
        mainWindow.webContents.send('renderer-settings-updated', settings.renderer);
    }
}

// preload.js：暴露监听接口
contextBridge.exposeInMainWorld('appBridge', {
    onSettingsUpdate: (callback) => {
        ipcRenderer.on('renderer-settings-updated', (_, newSettings) => callback(newSettings));
    }
});

// renderer.js：监听更新
window.appBridge.onSettingsUpdate((newSettings) => {
    console.log('设置已更新:', newSettings);
    // 这里更新本地设置变量
});

同步方式的可行性 #

Electron提供了同步IPC方法，但强烈不推荐在生产环境使用——同步调用会阻塞渲染进程的事件循环，导致页面卡顿甚至无响应。仅适合数据量极小、且确定不会阻塞主线程的场景：

// main.js
ipcMain.on('getSettingsSync', (event) => {
    event.returnValue = settings.renderer;
});

// preload.js
contextBridge.exposeInMainWorld('appBridge', {
    getSettingsSync: () => ipcRenderer.sendSync('getSettingsSync')
});

// renderer.js
const settings = window.appBridge.getSettingsSync();
console.log(settings);

内容的提问来源于stack exchange，提问作者bofink