9.0 KiB
9.0 KiB
Electron 最佳实践优化计划
本文档基于 $electron-best-practices 对当前项目的审查结果整理而成,目标不是一次性重构整个 Electron 应用,而是按照“低风险、可验证、逐步收敛”的方式,分阶段提升主进程、preload、IPC、更新模块和工程配置的可维护性。
1. 计划背景
当前项目已经具备了较好的 Electron 基础结构:
- 主进程、preload、renderer 三层已分离
- Renderer 通过
contextBridge暴露能力 - IPC 统一采用
invoke/handle模式 - 大部分主进程能力已经模块化到
ipc/与services/
但从长期维护角度看,项目仍存在几个明显问题:
src/main/index.ts入口文件承担职责过多- 部分 IPC handler 仍然是“厚编排层”
src/preload/index.ts更像“接口总表”,不是按领域划分的 facade- 更新链路实现较重,边界尚不清晰
- 打包配置存在模板残留,容易误导维护者
- Electron 边界层测试尚未系统化
2. 优化目标
本轮优化聚焦以下目标:
- 让主进程入口只负责启动顺序,不承载业务细节
- 让 IPC handler 回归“薄壳”,把编排逻辑下沉到应用服务层
- 让 preload API 按业务领域组织,而不是按主进程实现镜像
- 收敛更新模块的职责边界,降低后续维护复杂度
- 清理打包与发布配置中的模板残留
- 为 Electron 边界补足更稳定的测试支撑
3. 优化范围
本计划优先处理 Electron 工程化与可维护性问题,不把安全性作为唯一优先目标,但会顺带处理那些同时影响可维护性的边界设计问题。
本次计划重点覆盖:
- 主进程启动与应用初始化
- IPC handler 与 application service 分层
- preload API 结构
- 更新模块
- 打包配置
- Electron 边界层测试
暂不作为本轮首要目标:
- 大规模 UI 重构
- 业务流程重写
- ERP 自动化细节重构
4. 当前问题总览
graph TD
MainIndex[src/main/index.ts]
IPC[IPC Handlers]
Preload[src/preload/index.ts]
Update[update-service.ts]
Builder[electron-builder.yml]
Tests[tests/unit]
MainIndex -->|启动逻辑过重| Maintainability[维护成本上升]
IPC -->|编排过厚| Maintainability
Preload -->|API 面过大| Maintainability
Update -->|职责边界不清| Maintainability
Builder -->|模板残留| Maintainability
Tests -->|边界覆盖不足| Maintainability
5. 分阶段执行计划
Phase 1: 收敛主进程入口
目标:
- 让
src/main/index.ts只表达启动顺序 - 把运行时检查、窗口创建、异常守卫、模块初始化拆到独立函数或模块
建议涉及文件:
src/main/index.tssrc/main/bootstrap/下新增或调整模块
建议拆分方向:
bootstrapApp()createMainWindow()setupProcessGuards()verifyPlaywrightRuntime()initializeAppServices()
预期收益:
- 降低入口文件修改风险
- 提高启动问题排查效率
- 为多窗口、多实例策略预留更清晰的扩展点
风险等级:
- 低到中
验证方式:
- 应用冷启动成功
- 窗口创建与关闭流程正常
- 异常日志、更新初始化、IPC 注册行为不回归
Phase 2: 让 IPC Handler 回归薄壳
目标:
- 把
cleaner-handler、auth-handler这类厚编排层下沉到应用服务 - 明确 handler、application service、infrastructure service 的职责边界
建议涉及文件:
src/main/ipc/cleaner-handler.tssrc/main/ipc/auth-handler.tssrc/main/ipc/update-handler.tssrc/main/services/
建议拆分方向:
CleanerApplicationServiceAuthApplicationServiceUpdateApplicationService
handler 只负责:
- 接收请求
- 调用 service
- 映射返回结构
- 统一错误包装
预期收益:
- 提升主进程业务编排的可测试性
- 降低 handler 文件复杂度
- 让业务流程更容易被复用和替换
风险等级:
- 中
验证方式:
- 关键 IPC 流程回归测试
- 原有 renderer 调用协议保持不变
- 清理、登录、更新等主流程手动验收通过
Phase 3: 重组 Preload API
目标:
- 把
src/preload/index.ts从“大总表”改造成“按领域组织的 facade” - 稳定 renderer 对 Electron 能力的访问边界
建议涉及文件:
src/preload/index.tssrc/preload/index.d.tssrc/main/types/
建议拆分方向:
authApicleanerApiupdateApireportApifileApi
建议原则:
- renderer 只拿到业务语义接口
- preload 不原样映射主进程实现细节
- 类型定义集中管理,避免 renderer 和 main 双边漂移
预期收益:
- 降低渲染层对 IPC 细节的耦合
- 提高 preload 的可读性和可扩展性
- 为后续做 runtime schema 校验打基础
风险等级:
- 中
验证方式:
npm run typecheck- preload surface 测试通过
- 主要页面功能回归正常
Phase 4: 收敛更新模块边界
目标:
- 把更新服务中的下载、状态管理、安装协调、日志处理边界进一步明确
- 降低自定义更新链路的维护成本
建议涉及文件:
src/main/services/update/update-service.tssrc/main/ipc/update-handler.tssrc/main/types/
建议拆分方向:
UpdateStateMachineUpdateDownloadServiceUpdateInstallCoordinatorUpdateEventBridge
预期收益:
- 更新问题更容易定位
- 状态流转更容易测试
- 后续切换更新策略时影响面更小
风险等级:
- 中到高
验证方式:
- 更新检查、下载、安装提示链路验证
- 状态事件顺序测试
- 失败重试与异常日志验证
Phase 5: 清理打包与发布配置
目标:
- 让构建配置更贴近当前项目实际维护范围
- 清理无效、模板化或误导性的配置项
建议涉及文件:
electron-builder.ymlpackage.jsonscripts/下发布相关脚本docs/releases/与构建说明文档
重点检查项:
- 实际支持的平台范围
- 发布目标与渠道
- 无关权限说明
- Windows 优先配置是否清晰
预期收益:
- 降低发版配置理解成本
- 减少“看似支持、实际无人维护”的伪能力
- 让发布文档与配置保持一致
风险等级:
- 低
验证方式:
- 本地构建通过
- 发布脚本执行链路无回归
- 文档与配置一致性核对完成
Phase 6: 补强 Electron 边界层测试
目标:
- 让最容易劣化的 Electron 边界层拥有稳定回归保护
建议涉及文件:
tests/unit/preload-surface.test.tstests/unit/ipc-index.test.ts- 新增
tests/unit/update-service.* - 新增
tests/unit/cleaner-handler.* - 新增
tests/unit/auth-handler.*
优先补测内容:
- 主进程启动编排
- preload surface 稳定性
- IPC 返回包装与错误路径
- update service 状态迁移
- handler 与 service 交互边界
预期收益:
- 降低后续拆分时的回归风险
- 提升主进程重构信心
- 让 Electron 工程层而非仅业务工具层获得测试保护
风险等级:
- 低
验证方式:
- 单元测试通过
- 关键流程 smoke test 通过
6. 推荐执行顺序
graph LR
A[Phase 1 主进程入口收敛]
B[Phase 2 IPC Handler 薄壳化]
C[Phase 3 Preload API 重组]
D[Phase 4 更新模块收敛]
E[Phase 5 构建配置清理]
F[Phase 6 Electron 边界测试补强]
A --> B
B --> C
C --> D
D --> E
B --> F
C --> F
D --> F
建议优先顺序:
- 先做主进程入口收敛
- 再做 IPC handler 薄壳化
- 然后重组 preload API
- 再处理更新模块
- 清理打包配置
- 在每一阶段同步补强测试
说明:
Phase 1与Phase 2性价比最高Phase 3适合在 handler 边界稳定后推进Phase 4风险相对更高,应放在前面边界清晰后再处理Phase 6不应完全放到最后,建议伴随每阶段一起推进
7. 每阶段完成标准
每一阶段建议采用统一完成标准:
- 相关模块职责边界变清晰
- 对外接口保持兼容或完成显式迁移
npm run lint通过npm run typecheck通过- 相关单元测试通过
- 关键手工路径验证完成
- 对应文档同步更新
8. 本计划与现有重构工作的衔接
当前已经完成的两轮重构:
validation-handler第一阶段拆分useCleaner第一阶段拆分
它们为本计划提供了两个基础:
- 团队已经验证“先拆超大文件,再保持对外行为不变”的策略可行
- 后续继续拆
cleaner-handler、preload、App时,可以沿用相同方法论
因此,Electron 向优化建议优先从主进程和边界层继续推进,而不是立刻进入更深的 UI 重构。
9. 后续建议
建议后续执行方式如下:
- 先按本计划完成
Phase 1 - 每完成一个阶段,单独补一份重构说明文档
- 每个阶段单独提交,避免一次性大改
- 每阶段结束后重新运行
lint、typecheck和对应测试
如果后续决定正式执行,本计划可作为 Electron 工程化重构的主索引文档持续维护。