Electron主进程与渲染进程能否共享内存？大二进制数据传输优化

1. 先满足Electron的跨源隔离强制要求 #

Electron对SharedArrayBuffer有严格的安全限制，必须配置以下内容：

• 确保BrowserWindow的webPreferences.contextIsolation为true（默认开启，不要手动设为false）
• 在主进程中为渲染进程添加跨源隔离响应头：

  const { session } = require('electron')
  session.defaultSession.webRequest.onHeadersReceived((details, callback) => {
    callback({
      responseHeaders: {
        ...details.responseHeaders,
        'Cross-Origin-Embedder-Policy': ['require-corp'],
        'Cross-Origin-Opener-Policy': ['same-origin']
      }
    })
  })
  

• 本地资源（file://协议）默认符合隔离规则，若加载远程资源，需确保对方服务器也返回上述两个头。

2. 不要直接通过普通IPC传递SharedArrayBuffer #

普通IPC的序列化逻辑不支持直接传递SharedArrayBuffer，换用以下方式：

• 主进程创建并填充SharedArrayBuffer后，通过contextBridge暴露获取方法：

  // 主进程
  const { contextBridge } = require('electron')
  let sharedBuffer = null
  
  // 初始化共享缓冲区并写入数据
  function initSharedBuffer() {
    sharedBuffer = new SharedArrayBuffer(100 * 1024 * 1024)
    // 示例：从文件读取二进制数据填充
    const fs = require('fs')
    const fd = fs.openSync('large-data.bin', 'r')
    fs.readSync(fd, new Uint8Array(sharedBuffer), 0, sharedBuffer.length)
    fs.closeSync(fd)
  }
  initSharedBuffer()
  
  // 通过contextBridge暴露给渲染进程
  contextBridge.exposeInMainWorld('sharedData', {
    getBuffer: () => sharedBuffer
  })
  

• 渲染进程直接调用window.sharedData.getBuffer()获取缓冲区，再用TypedArray（如Uint8Array）读取内容。

3. 检查缓冲区操作的合法性 #

确保你仅用标准TypedArray（Uint8Array、Int32Array等）操作SharedArrayBuffer，不要给缓冲区附加自定义属性或混入不可序列化的对象，否则会触发克隆失败错误。

4. 备选方案：原生内存映射文件 #

如果SharedArrayBuffer的配置成本过高，可改用跨平台的内存映射文件：

• Windows：通过ffi-napi调用CreateFileMapping和MapViewOfFileAPI创建只读内存映射
• Linux/macOS：使用node-mmap模块或自定义C++扩展调用mmap
  这种方式性能接近SharedArrayBuffer，且无需依赖跨源隔离配置，天然支持只读权限控制。

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