SSE 事件流构造器

Server-Sent Events格式的构造与解析工具,支持多字段表单实时生成SSE原始文本,也能反向解析粘贴的SSE文本,内置AI流式响应格式预设。

免费在线工具
Loading…

使用说明

  1. 「构造事件流」区:为每条事件设置event/data/id/retry字段(data支持多行),点击添加多条事件,右侧实时预览生成的符合SSE协议的原始文本(data: xxx\n\n格式)
  2. 「解析事件流」区:粘贴一段SSE格式的原始文本,工具按空行分割每个事件块,逐条展示解析出的event/data/id/retry字段
  3. 点击「加载示例」可一键加载模拟OpenAI/Claude风格的流式响应格式:每条data是一段JSON片段,最后以data: [DONE]结束,帮助理解AI应用的流式协议

功能介绍

  • 可视化构造多条SSE事件,每条支持设置event/data/id/retry四个字段,event、id、retry均为可选
  • data字段支持多行文本,序列化时自动拆分为多条data:前缀行(符合SSE协议对多行data的处理规则)
  • 反向解析:粘贴任意SSE原始文本,按空行分割事件块,兼容\n和\r\n换行,自动忽略以:开头的注释行,多个连续data行会按规范合并为一个字段(用换行符拼接)
  • 内置AI流式响应预设模板,模拟OpenAI/Claude风格的chunk格式(逐条JSON片段+末尾data: [DONE]终止标记)

使用场景

调试自建SSE接口的输出格式
在正式接入前端EventSource之前,先用工具构造几条事件预览生成的原始文本,确认格式符合SSE协议规范
理解AI应用打字机效果的底层协议
加载AI流式响应预设,观察OpenAI/Claude风格的SSE chunk是如何用连续的data:行拼出逐字流式输出效果的
排查粘贴的SSE抓包数据
把从浏览器网络面板复制的SSE原始响应文本粘贴进解析区,逐条查看每个事件的event类型、data内容、id等字段,定位数据异常
编写SSE协议单元测试的期望数据
用构造功能生成标准格式的SSE文本片段,作为后端SSE接口单元测试的期望输出对照

常见问题

SSE(Server-Sent Events)是什么?
SSE是一种基于HTTP的服务器向浏览器单向推送数据的协议,浏览器通过EventSource API订阅,服务器以data: xxx\n\n这样的纯文本格式持续推送事件,每个事件以空行结束。相比WebSocket更轻量、天然支持断线重连,是目前ChatGPT、Claude等AI应用实现流式打字机效果的常用协议基础。
data字段可以是多行吗,格式是什么样的?
可以。如果data内容包含换行符,SSE协议要求每一行都单独加上data:前缀,例如原始内容"line1\nline2"会被序列化成两行"data: line1\ndata: line2",浏览器端接收时会自动把多个data行按换行符拼接还原成一个完整的data字符串。本工具的构造和解析功能都遵循这个规则。
AI流式响应的SSE格式有什么特点?
OpenAI、Claude等主流AI API的流式响应通常每条SSE事件的data是一段JSON片段(比如包含一个delta增量文本),客户端逐条拼接JSON里的文本内容实现打字机效果;整个流的最后会发送一条data: [DONE]作为结束标记,客户端收到后停止监听。工具的「加载示例」按钮生成的就是这种格式。
解析功能能处理哪些换行格式?
工具在解析前会先把\r\n和单独的\r统一归一化为\n,因此无论粘贴的原始文本是Unix换行(\n)还是Windows换行(\r\n),都能正确按空行切分出各个事件块。