Java实现ChatGpt根据SseEmitter流式输出

背景

在工作中基于使用大模型需要进行流式输出效果,公司客服助手需要接入大模型,并传参prompt给大模型参考知识,由大模型根据理解进行答案润色,润色后的结果进行流式输出。

为什么需要使用SSE

Server-Sent Events (SSE) 使用 SseEmitter:

  • SSE是基于HTTP协议的,它允许服务器端推送数据到客户端。
  • SseEmitter 是Spring框架中的一个类,用于在Spring MVC应用程序中实现SSE。
  • SSE仅支持单向通信,即服务器到客户端的单向数据流。
  • SSE通常用于简单的事件通知和消息推送,如股票价格更新、新闻feed等。
  • SSE在客户端使用简单的EventSource API进行实现,不需要复杂的协议支持。
  • SseEmitter是非阻塞的,并且可以很好地和Spring的异步特性结合使用。

WebSocket:

  • WebSocket是一种独立的、创建在TCP上的协议,允许全双工通信。
  • WebSocket可以支持服务器到客户端和客户端到服务器的双向实时通信。
  • WebSocket适用于需要复杂交互和高频率通信的应用,如在线游戏、聊天应用等。
  • WebSocket在客户端和服务端都需要特定的协议支持。
  • WebSocket连接一旦建立,就会保持活动状态,直到被客户端或服务器关闭。

SSE工作原理

  1. 建立连接:客户端通过发送HTTP请求与服务器建立连接。在请求中,客户端指定了接收事件的终点(Endpoint)。
  2. 保持连接:服务器接收到连接请求后,保持连接打开,并定期发送事件数据给客户端。
  3. 事件流:服务器使用 “Content-Type: text/event-stream”
    头部标识SSE连接,并使用特定格式的数据(事件流)发送给客户端。
  4. 客户端处理事件:客户端通过JavaScript的 EventSource 接口监听SSE连接,一旦接收到事件,就可以处理数据并更新页面。
  5. SSE协议默认是以\n\n来作为消息的结束标志,所以需要注意消息中不能包含两个换行符,如果必须要包含的话,可以选择对换行符进行转移

SseEmitter的优势:

  • 简单性: SSE在客户端的实现比WebSocket简单,因为它是基于标准的HTTP协议。
  • 兼容性: 对于只需要服务器到客户端单向通信的应用,SSE更容易兼容老旧浏览器。
  • 效率: 对于不需要频繁从客户端到服务器的通信的应用,SSE可能更高效,因为它没有WebSocket的握手和帧控制开销。
  • HTTP友好: SSE易于通过现有的HTTP基础设施进行传输,比如可以利用HTTP缓存机制。

服务端实现SSE

1、添加pom.xml依赖 --因为Springweb中就存在SseEmitter,所以只需要引入Spring即可。

在这里插入图片描述SpringBoot应用

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-web</artifactId>
</dependency>

若非SpringBoot应用,则可以引入以下依赖

<!-- Spring Web MVC -->
<dependency>
	<groupId>org.springframework</groupId>
	<artifactId>spring-webmvc</artifactId>
	<version>4.3.30.RELEASE</version>
</dependency>

2、创建一个Controller来处理SSE连接请求,并使用SseEmitter作为响应。

     * 建立sse连接,流式返回test
     *
     * @return
     */
    @GetMapping(value = "/streamTest")
    public SseEmitter stream() {
        log.info("======&#
### 如何在Nginx中配置SseEmitter实现Server-Sent Events (SSE) 流式接口 #### Nginx最佳实践配置 为了确保`SseEmitter`能够正常工作并提供稳定的SSE流,Nginx的配置需特别注意几个方面: 对于SSE来说,禁用Nginx的响应缓冲非常重要。这可以通过设置`proxy_buffering off;`来达成[^2]。此选项防止Nginx缓存来自上游服务器的数据,从而保证消息能即时传递给客户端。 设定较长的读取超时时间也是必要的,因为SSE依赖于持久连接。通过调整`proxy_read_timeout`至较高数值(例如60秒甚至更久),可以让Nginx有足够的耐心等待后端返回数据。 另外,由于HTTP/1.1支持持续连接特性,因此应指明使用该版本(`proxy_http_version 1.1;`),并且阻止Nginx发送可能导致连接关闭的消息头(`Connection: close`),即执行`proxy_set_header Connection '';`操作。 最后,在涉及到跨域资源共享(CORS)的情况下,适当添加相应的头部字段可使其他域名下的网页也能成功获取资源。 以下是具体的Nginx配置片段示例: ```nginx server { listen 80; server_name localhost; location /events/ { proxy_pass http://backend_server_address/; # 关闭代理缓冲区 proxy_buffering off; # 增加读取超时时间 proxy_read_timeout 90s; # 使用HTTP/1.1协议 proxy_http_version 1.1; # 移除可能中断长链接的头部信息 proxy_set_header Connection ''; # 禁止Nginx对该连接进行额外缓冲处理 proxy_set_header X-Accel-Buffering no; # 如果需要支持CORS, 添加如下头部 add_header 'Access-Control-Allow-Origin' '*'; add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS'; add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type'; } } ``` 上述配置适用于大多数场景下基于Spring框架中的`SseEmitter`类构建的服务端推送功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

冫时光

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值