优雅地实现ChatGPT式的打字机效果：Spring Boot 流式响应

最新推荐文章于 2025-10-05 23:55:50 发布

原创

最新推荐文章于 2025-10-05 23:55:50 发布 · 1.2k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#spring boot #后端 #流式响应

01 引言

之前专门介绍过流式响应的数据的接收、发送以及使用SSE由服务端推送数据的文章，但是要求前端必须使用EventSource订阅实现。

有没有通过直接通过浏览器访问或者Fetch API直接调用的方式呢？效果还能和ChatGPT一样，实现打字机的效果呢？

当然有。Spring框架在4.2及以后引入了强大额异步响应特性，其中ResponseBodyEmitter和StreamingResponseBody是处理 HTTP 响应流式输出的两大核心利器，既不阻塞线程又不影响系统的相应能力。

我们一起了解一下吧！

02 `StreamingResponseBody`

全限定类名：

org.springframework.web.servlet.mvc.method.annotation.StreamingResponseBody

2.1 简介

StreamingResponseBody是一个函数式接口，适用于需要直接向 HttpServletResponse 的输出流写入原始字节数据的场景。它提供了一种低层次、高效的方式来流式传输数据。

StreamingResponseBody没有默认的实现，只有一个方法writeTo()。将文件或者数据直接写入输出流中，可以通过输出流的flush()方法，将数据刷出磁盘，减少内存的占用。

当我们需要将大量的数据或者文件响应给客户端时，由于处理耗时合作和内存的限制，我们就可以通过这种方式，逐步将数据响应给客户端，既可以提高用户体验又可以节省内存。

2.2 最佳实践

为了演示的方便，我们选择将文本内容逐步输出到浏览器端。

代码案例

间隔1s将数据包传给客户端：

@GetMapping(value = "/srb")
public StreamingResponseBody srb(HttpServletResponse response) {
   
   
    response.setContentType(MediaType.TEXT_EVENT_STREAM_VALUE);
    StreamingResponseBody stream = os -> {
   
   
        for (int i = 0; i < 5; i++) {
   
   
            String data = "SRB 数据包【"+(i+1)+