electron - 如何在主/渲染器进程之间共享数据

Question

我是一个完整的 Electron 初学者。假设您正在创建一个简单的类似记事本的应用程序，并希望通过单击应用程序的 [文件 > 保存] 菜单将您键入的内容保存到浏览器窗口的文本区域中，这应该是一个非常常见的功能。

Menu handler 应该在 Main 进程中实现，textarea 显然在 Renderer 进程中。我不知道如何从主进程访问 textarea 中的内容。

Answer 1

在 Electron 应用程序中，Main 和 Renderer 进程之间的通信是通过 ipc 执行的。 Electron 有ipcMain和 ipcRenderer分别在 Main 和 Renderer 进程中使用的模块。

对于您拥有的任务，您可以在用户单击"file">“保存”时向渲染器进程发送消息，这将触发将文本区域保存到文件中。一种实现可能是这样的:

// main process
const { app } = require('electron')

// reference to the browser window
let mainWindow
app.on('ready', () => {
  // here create your browser window and assign it to mainWindow
  mainWindow = createMainWindow()
})

// clicking File > Save menu triggers following function
const saveClicked = () => {
  // Check mainWindow exists
  if (mainWindow != null) {
    mainWindow.webContents.send('clicked::file:save')
  }
}


// renderer process (preload.js)
const { ipcRenderer } = require('electron')

// Now you need to listen for the event you send from the main process
ipcRenderer.on('clicked::file:save', () => {
  // IMPLEMENT YOUR LOGIC HERE
})