前端AI应用-SSE流式渲染
💡
原文中文，约5300字，阅读约需13分钟。
📝
内容提要
SSE是一种基于HTTP的单向通信协议，支持长连接和自动管理，适合服务端推送数据。与WebSocket和长轮询相比，SSE更简单易用，适合实时通知和流式数据传输，前端可通过动态解析JSON实现实时渲染。
🎯
关键要点
- SSE是一种基于HTTP的单向通信协议，适合服务端推送数据。
- SSE的核心特点包括长连接、文本协议、自动管理和简单易用。
- 与WebSocket和长轮询相比，SSE更简单，适合实时通知和流式数据传输。
- 在Deepseek的交互中，客户端以application/json格式发送请求，服务端以text/event-stream格式流式响应。
- 前端可以通过动态解析JSON实现实时渲染，支持markdown和自定义语法的渲染。
- 使用markdown-it和mdit插件可以渲染标准markdown，unified方案可处理自定义标签。
- 动态解析JSON的可行性需要验证，确保数据传输中字段不被截断。
- deepseek的JSON输出格式需要设置特定参数以确保合法JSON的生成。
- SSE技术实现了前端流式加载数据的功能，适用于实时场景，具有低开销和自动重连的优势。
➡️
