跳到主要内容

架构总览

OpenTree 采用 Electron 多进程架构,分为四层:

分层说明

职责技术
渲染层UI 渲染、用户交互React 18 + TypeScript
IPC 层进程间通信Electron contextBridge
数据层数据持久化SQLite + Sequelize
后端层API 服务、定时任务Node.js + Express

进程模型

主进程 (Main Process)
├── 渲染进程 1: 世界树面板
├── 渲染进程 2: 元宇宙桌面
├── 渲染进程 3: 独立窗口 (如相册预览)
└── 工作线程: 后台任务

数据流

读数据

UI 组件 → electronAPI.module.getAll()
→ IPC invoke
→ Main Process handler
→ SQLite query
→ 返回结果
→ 渲染组件

写数据

UI 组件 → electronAPI.module.create(data)
→ IPC invoke
→ Main Process handler
→ SQLite INSERT
→ 发出 data-changed 事件
→ 所有渲染进程更新