Springboot sse 示例

java Ctr层代示例代码

import org.springframework.http.MediaType;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.servlet.mvc.method.annotation.SseEmitter;

import java.io.IOException;
import java.util.concurrent.ExecutorService;
import java.util.concurrent.Executors;

@RestController
@RequestMapping("/sseDemo")
public class SseDemoCtr {

    private final ExecutorService executorService = Executors.newSingleThreadExecutor();
    @GetMapping(value = "/test", produces = MediaType.TEXT_EVENT_STREAM_VALUE)
    public SseEmitter test() {
        SseEmitter emitter = new SseEmitter();

        executorService.submit(() -> {
            try {
                for (int i = 0; i < 10; i++) {
                    // 发送SSE事件
                    emitter.send(SseEmitter.event().data("这是一段测试消息 " + i));
                    // 模拟一些处理时间
                    Thread.sleep(1000);
                }
                // 完成SSE流
                emitter.complete();
            } catch (IOException | InterruptedException e) {
                // 发生错误时关闭SSE流
                emitter.completeWithError(e);
            }
        });

        return emitter;
    }
}

前端js核心代码

    <script>
			
        const evtSource = new EventSource('/sseDemo/test');
        const messages = document.getElementById('messages');
 
        evtSource.onmessage = function(event) {
            const newElement = document.createElement("p");
            const eventObject = JSON.parse(event.data);
            newElement.textContent = "Message: " + eventObject.message + " at " + eventObject.timestamp;
            messages.appendChild(newElement);
        };
		
    </script>