前言 在线上办公如火如荼的今天,多人协作功能是每个应用绕不开的门槛。processflow在线流程图(前身基于drawio二次开发)沉寂两年之久,经过长时间设计开发,调整,最终完成了多人协作的核心模块设计。废话不多说,上操作视频展示下效果: Video_2023-09-04_150131 多人协作技术原理剖析 秉着都2023年了,谁还重复造轮子的理念,这里现学现用,利用了一些商业成熟的技术和软件来实现自己的目标。主要用到了两点技术: 利用websocket的push&subscribe实现多人之间的行为共享(鼠标点击;移动;图标内容变更) 利用onedrive实现历史快照文件的存储 client生产事件主要分为以下几种: switch (data.action) { //传递鼠标移动和点击事件 case 'message': processMsg(data.msg, data.from); break; case 'clientsList': clientsList(data.msg); break; case 'signal': signal(data.msg); break;...