控制Electron实例

使用主进程控制多个渲染器进程

代码示例： 主进程：

// 创建一个共享对象，用于存储需要共享给多个渲染器进程的数据
const sharedObject = {
  count: 0,
}

// 创建多个渲染器进程，并将共享对象传输到每个渲染器进程
const { BrowserWindow } = require('electron')
const win1 = new BrowserWindow()
const win2 = new BrowserWindow()
win1.webContents.on('did-finish-load', () => {
  win1.webContents.send('init-data', sharedObject)
})
win2.webContents.on('did-finish-load', () => {
  win2.webContents.send('init-data', sharedObject)
})

// 监听从渲染器进程发送的消息，并根据消息内容进行操作
const { ipcMain } = require('electron')
ipcMain.on('change-count', (event, value) => {
  sharedObject.count += value
  win1.webContents.send('update-count', sharedObject.count)
  win2.webContents.send('update-count', sharedObject.count)
})

渲染器进程：

// 接收主进程发送的共享对象，并将共享对象的数据显示在页面上
const { ipcRenderer } = require('electron')
let count = 0
ipcRenderer.on('init-data', (event, sharedObject) => {
  count = sharedObject.count
  document.getElementById('count').innerHTML = count
})

// 监听按钮点击事件，发送更改数量的消息给主进程
document.getElementById('add').addEventListener('click', () => {
  ipcRenderer.send('change-count', 1)
})
document.getElementById('subtract').addEventListener('click', () => {
  ipcRenderer.send('change-count', -1)
})

// 接收主进程发送的更新数量的消息，并在页面上显示新的数量
ipcRenderer.on('update-count', (event, newCount) => {
  count = newCount
  document.getElementById('count').innerHTML = count
})

在上面的代码示例中，主进程创建