时序图播放器
写协议对接文档时反复需要「能一步步走的时序图」:静态图讲不清哪一步在等什么,而截图又贴不进报文内容。于是把它做成了工具 —— 左边写 JSON,右边即时得到可播放的图。
4 个参与者 · 9 条消息
字段说明
- participants[].id
- 参与者标识,消息用它引用
- participants[].label
- 泳道上显示的名字
- messages[].from / to
- 消息两端的参与者 id
- messages[].label
- 箭头上的文字
- messages[].self
- true 时画成自调用回环
- messages[].kind
- 取 warn 时用告警色与虚线,表示异常分支
- messages[].payload
- 点开消息后展示的报文,等宽显示
- messages[].note
- 点开消息后展示的说明文字
9 / 9
点播放看完整流程,或直接点任意一条消息,查看报文结构与当时的设计考虑。