SSE 流式输出

写在最前：问题咨询请直接点击此处提交 ISSUE

• ⭐️ 请先 Star 本项目后再提问，作者精力有限，未 Star 直接 Close
• 🐞 GitHub ISSUE 需包含：问题截图 + SDK版本 + 配置代码

可以使用在线版本：https://try.pig4cloud.com/sse.html

项目提供了一个简单的 SSE 调试页面（sse.html），用于实时查看与 deepseek4j 后端的交互过程。页面分为三个主要区域：

1. 原始数据区：显示 SSE 连接的原始响应数据
2. 推理过程区：展示 AI 的思考链路
3. 最终答案区：显示 AI 的最终回答

使用步骤

1. 双击运行项目根目录的 sse.html 文件
2. 在页面顶部输入框中填入后端 SSE 接口地址，例如：

http://localhost:8080/chat?prompt=你的问题

3. 点击”连接”按钮开始与后端交互
4. 实时观察推理过程和结果
5. 可以通过”断开”按钮终止连接，“清空”按钮清除历史记录

配置跨域

在 Spring Boot 后端需要配置跨域支持

可以通过在接口类上添加 @CrossOrigin 注解：

@CrossOrigin("*")
@GetMapping(value = "/chat", produces = MediaType.TEXT_EVENT_STREAM_VALUE)
public Flux<String> chat(String prompt) {
    return deepSeekClient.chatFluxCompletion(prompt);
}

前端集成参考

该调试页面提供了完整的前端实现代码，你可以参考以下关键部分进行项目集成：

1. SSE 连接建立：

   const eventSource = new EventSource(url);
   

2. 消息处理：

   eventSource.onmessage = (event) => {
     const data = JSON.parse(event.data);
     // 处理数据
   };
   

3. 错误处理：

   eventSource.onerror = (error) => {
     // 处理错误
   };
   

完整的实现代码可以在项目根目录的 sse.html 文件中找到。

PIG AI应用开发平台 | 适合中大型企业构建自主可控的AI中台

为Java开发者提供全栈式AI工程化解决方案，强类型/高可维护性架构，内置30+主流大模型支持。

• 🔍 知识引擎体系：RAG 知识引擎全自动化多模态解决方案
• 📝 AI-OCR 中枢：复杂非标场景高精度识别
• ⚙️ 业务智能融合：函数编排 + Chat2SQL，无缝对接现有业务系统
• 🛡️ N维风控体系：敏感词/IP/Token/User 规则控制引擎

文档有误？请协助编辑

发现文档问题？点击此处直接在 GitHub 上编辑并提交 PR，帮助我们改进文档！