electron渲染进程中如何非异步的获取到文件路径？

Question

electron 的渲染进程如何获取到process.cwd()的值 或者 process.resourcesPath也行

1. 在preload.js中可以拿到process对象，但是没有cwd函数和resourcesPath的值。
2. 之前版本的remote.getGlobal在27版本中也被移除，否则可以在main.js里面进行设置
3. 还有一种办法是在preload.js中定义 ipcRender的通信，从ipcMain中获取，但是这样是异步的，我需要在加载页面的时候就直接获取到，还有什么好办法吗？ 还是说这一步可以先获取完以后(把获取到的值加载到window.resourcesPath中)再加载页面(如果可以的话，获取消耗时间基本忽略不计)，要怎么编写代码？

Answer 1

在 Electron 中，出于安全考虑，渲染进程通常不能直接访问到 Node.js 的全局对象，如 process，因为这样做可能会暴露敏感信息或允许执行潜在的危险操作。process.cwd() 和 process.resourcesPath 都是 Node.js 的全局变量，它们分别返回当前工作目录和资源的路径。

在 Electron 12 之后，remote 模块默认被禁用了，因为它允许渲染进程直接访问主进程的对象，这可能会带来安全风险。在 Electron 15 之后，remote 模块被完全移除了。

对于你提到的需求，有几种解决方案：

1. 使用 ipcRenderer 和 ipcMain 进行同步通信：虽然 IPC 默认是异步的，但你可以使用 ipcRenderer.sendSync() 和 ipcMain.handle() 来实现同步通信。这样，你可以在渲染进程发送请求后立即获取结果。

// 在 preload.js 中const { ipcRenderer } = require('electron');window.getResourcesPath = () => {  return ipcRenderer.sendSync('get-resources-path');};// 在 main.js 中const { ipcMain } = require('electron');ipcMain.handle('get-resources-path', () => {  return process.resourcesPath;});

然后在渲染进程中，你可以在页面加载时立即调用 getResourcesPath() 来获取资源的路径。

2. 在 preload.js 中预加载所需的值：你可以在主进程中获取这些值，并通过 contextBridge 或 window.onload 等方式传递给渲染进程。这样，渲染进程在加载页面时就可以直接访问这些值。

// 在 main.js 中const { BrowserWindow } = require('electron');const win = new BrowserWindow();win.webContents.on('did-finish-load', () => {  win.webContents.send('resources-path', process.resourcesPath);});// 在 preload.js 中const { contextBridge, ipcRenderer } = require('electron');contextBridge.exposeInMainWorld('electronAPI', {  getResourcesPath: () => {    return new Promise((resolve) => {      ipcRenderer.on('resources-path', (event, path) => {        resolve(path);      });    });  },});// 在渲染进程中window.electronAPI.getResourcesPath().then((path) => {  console.log(path);});

这种方法允许你在页面加载后异步获取路径，但你可以在页面加载之前设置一些默认值或加载指示符。

这两种方法都可以让你在 Electron 的渲染进程中获取到 process.resourcesPath 的值，而无需直接访问 Node.js 的全局对象。根据你的具体需求和应用程序的架构，你可以选择最适合你的方法。