可视化工作流
基于 React Flow 进行节点拖拽、连接和参数配置,适合反复验证设备协议和 TCP 链路。
基于 Tauri 2 + React + TypeScript + Rust 构建,以可视化工作流组织通信链路。支持串口、TCP 客户端、TCP 服务端、发送窗口、接收窗口和 JS 自动化脚本等节点,拖拽连接、一键启动、收发数据、查看日志。
RX TCP-Server <- A1 B2 C3 0D 0A
通过视频快速了解 debug-comm 的串口与 TCP 通信调试流程。
它把常见通信调试动作拆成可组合节点,让一次调试变成可保存、可复用、可追踪的工作流。
基于 React Flow 进行节点拖拽、连接和参数配置,适合反复验证设备协议和 TCP 链路。
支持串口号、波特率、数据位、停止位、校验位、流控和结束符配置。
主动连接远端 TCP 服务或监听本地端口接收客户端连接,覆盖本机联调和设备接入场景。
发送窗口支持文本和十六进制输入,HEX 模式兼容大小写、空格与常见分隔符。
接收窗口按时间展示数据记录,支持 UTF-8 / HEX 切换、本地持久化和历史日志加载。
使用 boa_engine 嵌入式 JS 引擎处理上下行消息,支持 read_up / read_down 回调和 write_up / write_down 转发。
启动、停止和运行列表由后端统一管理,停止时释放串口、后台任务和 socket 资源。
工作流配置、语言设置和接收日志保存在本地应用数据目录,重启不丢失。
基于 react-intl 的国际化支持,可随时在中英文之间切换。
新建工作流后,你可以添加发送窗口、串口、TCP 客户端、TCP 服务端、JS 自动化脚本和接收窗口。连接方向就是数据方向,保存后即可在工作台一键启动。
18:42:09.128 tcp-server 5 bytes A1 B2 C3 0D 0A
18:42:10.041 serial-com3 8 bytes 48 45 4C 4C 4F 0D 0A
18:42:11.506 tcp-client 2 bytes OK
| 层级 | 技术 |
|---|---|
| 桌面框架 | Tauri 2 |
| 前端 | React 19 + TypeScript 5.8 + Vite 7 |
| UI | Ant Design 6 + @ant-design/pro-components |
| 流程图 | @xyflow/react (ReactFlow) |
| 状态管理 | Zustand |
| 消息持久化 | Dexie (IndexedDB) |
| 国际化 | react-intl (中/英文) |
| Rust 后端 | Tokio + serialport + boa_engine |
| 本地能力 | Tauri Store、Dialog、FS、Opener 插件 |
| 自动更新 | Tauri Updater、Process 插件 |
| 节点 | 说明 |
|---|---|
| 发送数据窗口 | 人工输入数据,并向下游通信节点发送 |
| 接收数据窗口 | 展示相邻通信节点返回的数据,并持久化为本地日志 |
| 串口通信 | 打开串口,接收下行数据写入串口,并将串口返回数据发布出去 |
| TCP 客户端 | 主动连接远端 TCP 服务,支持读写 |
| TCP 服务端 | 监听本地端口,接收客户端数据并支持广播写回 |
| JS 自动化脚本 | 使用 JavaScript 处理上下行消息,支持 read_up / read_down 回调和 write_up / write_down 转发 |
前往 GitHub Releases 获取最新 64 位客户端安装包。
适合串口设备调试、TCP 服务联调、协议收发验证、数据格式排查,以及需要保存调试链路的日常开发工作。
支持大小写十六进制字符,也支持空格、逗号、冒号、横线和下划线等分隔符,例如 A1 B2 C3、a1b2c3、A2-C1。
接收日志由后端写入本地应用数据目录,不写入工作流配置文件,避免长期日志拖慢配置读写。
是的,debug-comm 使用 MIT License 开源,欢迎在 GitHub 提交 issue、建议和贡献代码。