SSE 또는 WebSocket 사용 시 브라우저 멀티 탭 중복 알림 문제

Question

안녕하세요.이번에 알림 기능이 필요해서 SSE를 이용해서 알림 기능을 구현했습니다.몇가지 시행착오를 거친 후 별 문제없이 동작하는것을 확인했는데..문제는 동일 브라우저에서 여러개의 탭을 열어놨을 때 각 탭마다 eventSource가 연결이 되고각 탭마다 알림이 발생해서 중복된 알림을 받게 되더라구요.WebSocket 또한 동일하구요.알림을 중복으로 받게 되면 사용자도 불편할텐데.. 선배님들은 알림 구현 시 이러한 부분을 어떻게 해결하셨나요?감사합니다.

peter_lim · Accepted Answer

각 클라이언트 또는 탭에 고유한 식별자를 부여하고, 서버에서는 이 식별자를 활용하여 중복 알림을 필터링할 수 있습니다. 예를 들어, 클라이언트의 세션 ID, 사용자 ID 등을 활용하여 알림을 전송하고, 중복된 알림을 방지해보세요

뎅이 · Answer

동일한 브라우저 동일한 사용자이면 동일한 세션이 되겠네요.그럼 각각 알림을 받게 되겠죠.어차피 동일한 도메인일테니, 알림 ID를 부여해서 보내고는받은 창에서 sessionStorage를 체크해서 해당 ID의 알림이 처리되었는지 체크하시고없으면 처리로 체크하고 메시지를 띄웁니다.그 이후 창에서는 처리로 확인될테니 안띄우면 되죠.

SSE 또는 WebSocket 사용 시 브라우저 멀티 탭 중복 알림 문제

2개의 답변

#sse 목록