订阅Observable返回不同值：Electron单例模式失效问题排查

嘿，这个问题是Electron新手常踩的典型坑——主进程和渲染进程是完全独立的运行环境，你的单例模式只能在单个进程内部生效，跨进程根本共享不了同一个实例！

问题根源拆解 #

你写的Activity单例逻辑本身是对的，但架不住Electron的进程模型特性：

• 当main.ts（主进程）调用Activity.getInstance()时，会在主进程的专属内存空间里创建一个Activity实例；
• 而renderer.ts（渲染进程）调用同一个方法时，是在渲染进程自己的内存里重新生成了另一个完全独立的Activity实例；
• 这俩实例各自跑startActivity()生成随机数，输出自然不一样啦。

快速验证方法 #

你可以给Activity加个构造函数日志，一眼就能实锤：

class Activity {
  private static _instance: Activity;
  public static getInstance() {
    return this._instance || (this._instance = new this());
  }
  constructor() {
    // 打印当前进程ID，两个进程ID肯定不一样
    console.log("Activity实例创建啦，进程ID：", process.pid);
  }
  // 其他代码不变
}

运行后你会看到两个不同的进程ID，直接证明是两个完全独立的实例。

解决办法：用Electron的IPC跨进程通信 #

因为主进程和渲染进程不能直接共享内存对象，要同步数据就得靠Electron的**IPC（进程间通信）**机制，给你两种常用方案：

方案1：主进程生成数据，主动推给渲染进程 #

这种适合定时推送数据的场景，比如你的interval定时生成数据：

1. 修改main.ts，创建窗口后把数据通过IPC发送给渲染进程：

import { app, BrowserWindow, ipcMain } from "electron";
import Activity from "./activity";

let mainWindow: BrowserWindow | null;

app.on("ready", () => {
  mainWindow = new BrowserWindow({
    webPreferences: {
      // 注意：Electron 12+版本如果要直接用node API，需要配置这两项
      nodeIntegration: true,
      contextIsolation: false
      // 更安全的做法是用preload脚本，后面会提
    }
  });
  mainWindow.loadFile("index.html"); // 确保你有对应的HTML入口文件

  const activity = Activity.getInstance();
  activity.startActivity().subscribe(data => {
    console.log("Main: " + data);
    // 把数据发送给渲染进程
    mainWindow?.webContents.send("activity-data", data);
  });
});

2. 修改renderer.ts，接收主进程发来的数据：

import { ipcRenderer } from "electron";

// 不用再创建Activity实例，直接监听IPC消息
ipcRenderer.on("activity-data", (_, data) => {
  console.log("Renderer: " + data);
});

方案2：渲染进程主动请求数据 #

如果需要渲染进程触发数据获取，可以用双向IPC：

• 主进程用ipcMain.handle注册处理函数；
• 渲染进程用ipcRenderer.invoke发起请求。

安全小提醒 #

如果你的Electron版本比较新（12+），不建议直接开启nodeIntegration和关闭contextIsolation，最好用preload脚本来安全暴露IPC接口，避免XSS风险。简单说就是在preload脚本里定义IPC相关的方法，然后渲染进程通过window对象调用，这样既安全又能实现通信。

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