(ipcMain Eletronjs) 事件未定义

Question

最近我一直在开发一个加密文件的 Windows 应用程序（使用 Electronjs）。我想要它，这样当我按下渲染器中的第一个按钮时，它会发送到主进程，要求它打开打开文件对话框。我试过这段代码。

renderer.js

firstButton.addEventListener("click", openFile)
function openFile() {
    ipc.send('open-the-open-dialogue');
}
ipc.on('file-picked', function(event, arg) {
    console.log(arg);
}

ma​​in.js

ipc.on('open-the-open-dialogue',  
    function () {
      var filenames = dialog.showOpenDialogSync({ properties: ['openFile'] });
      if(!filenames) {
        dialog.showErrorBox("ERROR!", "You didn't pick a file to encrypt.")
      }
      event.reply('file-opened', filenames[0]);
    }
);

当我尝试这段代码时，它出现了一个错误，指出事件未定义。那我做错了什么？

Answer 1

您的 IPC 命令错误。您应该在渲染器进程上使用ipcRenderer，在主进程上使用ipcMain。

示例：

Main.js

const { ipcMain } = require('electron')
ipcMain.on('asynchronous-message', (event, arg) => {
  console.log(arg) // prints "ping"
  event.reply('asynchronous-reply', 'pong')
})

ipcMain.on('synchronous-message', (event, arg) => {
  console.log(arg) // prints "ping"
  event.returnValue = 'pong'
})

渲染器.js

const { ipcRenderer } = require('electron')
console.log(ipcRenderer.sendSync('synchronous-message', 'ping')) // prints "pong"

ipcRenderer.on('asynchronous-reply', (event, arg) => {
  console.log(arg) // prints "pong"
})

您可以阅读有关电子IPC from here

Answer 2

ipcRenderer.on('open-the-open-dialogue',  

    // ipc Listner's callback function should have 2 parameters.

    function (event, args) {
      var filenames = dialog.showOpenDialogSync({ properties: ['openFile'] });

      if(!filenames) {
        dialog.showErrorBox("ERROR!", "You didn't pick a file to encrypt.")
      }

      // You are sending through `file-opened` channel
      // But where is listener? Maybe `file-picked`

      event.reply('file-picked', filenames[0]);
    }
);