[CowAPI] 24. Server Sent Event (Springboot + React)

1. 문제

• 현재 Springboot + React로 Server Sent Event를 구현했습니다.
• 하지만, 실시간 처리를 하기위해 너무 많은 요청을 보내는 문제가 발생했습니다.

2. 원인

• 특정 시간을 기준으로 그 시간이 지날때마다 요청을 보내고 있습니다.

3. 해결방법

• 특정 Event가 발생할때만 실시간으로 요청을 보내려고 합니다.
• 동기화 방법을 사용해볼까 고려해 보고 있습니다.

4. 코드

• 아래는 SSE의 코드 입니다.
• 참고하세용

// 1. Controller [Springboot]

@RestController
public class DashboardController {
    @GetMapping("/dashboard")
    public Flux<ServerSentEvent<DashboardResponseDto>> dashboard() {
        return dashboardService.publish();
    }
}

// 2. Service [Springboot]

@Service
@RequiredArgsConstructor
public class DashboardService {
    private static final Long refreshTime = 2L;
    
    public Flux<ServerSentEvent<DashboardResponseDto>> publish() {
    
    	... // 필요한 로직들 수행 (비동기)
        
        return Flux.interval(Duration.ofSeconds(refreshTime))
                    .map(sequence -> ServerSentEvent.<DashboardResponseDto>builder()
                            .id("/dashboard")
                            .event("event")
                            .data(dashboardResponseDto)
                            .retry(Duration.ofSeconds(refreshTime))
                            .build());
	}
}

// 3. Front [React]

const subscribe = new EventSource(`${url}/dashboard`, {withCredentials: true});

subscribe.addEventListener("event", async (event) => {
  const parsedData = JSON.parse(event.data);

  ... // 필요 로직 수행
}