实现轻协同IDE的技术选型经验_李亚飞

李亚飞关于轻协同IDE引擎的架构分享总结

个人介绍

• 李亚飞为ShowMeBug CEO兼首席架构师，连续创业者，拥有9年创业经验
• 拥有吉林大学计算机系背景，是Ruby社区核心贡献者
• 曾任职深信服资深架构师，后通过Github获得某科技公司前端架构师职位
• ShowMeBug获得奇绩、盈动等六家机构近亿元融资

分享内容概述

• 介绍了轻协同IDE引擎的开发动机与要求
• 分享了技术选型过程与架构设计
• 展示了NodeJS全栈架构能力

轻协同IDE的前世今生

• 核心需求：轻量级、协同性、零秒启动/切换/延迟
• 排除VSCode定制方案，采用完全自主可控的架构
• 支持多种业务场景：技术测评、在线面试、编程学习

架构设计

PaaS模式

• 采用PaaS化架构支持多样化业务场景
• 使用NPM作为核心打包方案

技术选型

单元组件

• MonoRepo结构：pnpm提升安装速度，分为demo、client、server三个核心模块
• React + zustand：实现复杂状态管理，DaoStore.tsx负责全局状态
• 异步事件编程：基于SocketIO实现Channel与服务端交互

后端架构

• 技术栈：NestJS（利用Inject技术简化依赖）、SocketIO、MongoDB
• 通信选型：MQ消息队列（RabbitMQ NestJS中间件）
• 容器化管理：Golang Agents注册机制

架构性能

• 支持单链路1万同时在线
• 加载速度不超过1秒
• 切换环境速度不超过1秒
• 完美支撑业务定制页面与接口

应用场景与建议

• 前端工程师可通过Vue/React构建编程环境
• 1024PaaS可开发自定义在线编程环境
• 适用场景：在线教育、互动培训、企业内训

QA环节

• 欢迎交流架构、前端、创业相关话题
• 鼓励使用ShowMeBug进行技术测评
• 推荐使用1024PaaS开发IDE应用