如何在ElectronJS中打开后端返回数据对应的本地桌面文件夹

核心依赖说明 #

Electron 内置的 shell 模块提供跨平台调用系统文件管理器打开指定路径的能力，无需引入第三方依赖。

实现步骤 #

1. 拼接目标文件夹完整路径 #

首先通过 Electron 内置的 app.getPath('desktop') 获取当前系统桌面的绝对路径，再和后端返回的 foldername 拼接得到目标文件夹的完整路径：

// 主进程引入依赖
const { app } = require('electron')
const path = require('path')
// 假设后端返回数据为 const res = {id:1, foldername: 'test'}
const targetFolderPath = path.join(app.getPath('desktop'), res.foldername)

2. 调用方法打开文件夹 #

根据你拿到后端数据的进程环境，选择对应的调用方式：

• 主进程内拿到后端数据，直接调用打开方法

const { shell } = require('electron')
shell.openPath(targetFolderPath).then(errMsg => {
  if (errMsg) {
    // 打开失败处理逻辑，比如弹窗提示文件夹不存在
    console.error('文件夹打开失败：', errMsg)
  }
})

• 渲染进程内拿到后端数据，通过 IPC 通信通知主进程处理
  渲染进程侧代码：

const { ipcRenderer } = require('electron')
// 拿到后端返回的foldername后发送IPC请求
const foldername = 'test'
ipcRenderer.send('open-desktop-folder', foldername)
// 可选：监听主进程返回的打开结果做提示
ipcRenderer.on('open-desktop-folder-result', (_, result) => {
  if (result !== 'success') {
    alert(`打开失败：${result}`)
  }
})

主进程侧代码：

const { ipcMain, shell, app } = require('electron')
const path = require('path')
ipcMain.on('open-desktop-folder', (event, foldername) => {
  const targetPath = path.join(app.getPath('desktop'), foldername)
  shell.openPath(targetPath).then(errMsg => {
    event.reply('open-desktop-folder-result', errMsg || 'success')
  })
})

注意事项 #

可以在打开文件夹前先通过 fs.existsSync(targetFolderPath) 判断目标文件夹是否存在，提前给用户返回明确的错误提示，避免无意义的调用。

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