SSE 알림이 화면전환할때마다 초기화되는데 맞나요

Question

let eventSource;let storedNotifications &#61; JSON.parse(localStorage.getItem('notifications')) || [];function initializeSSE() {if (!eventSource) { // eventSource가 없을 때만 연결 시작console.log(&#34;SSE 연결 시작&#34;);eventSource &#61; new EventSource('/api/notify/subscribe');eventSource.onopen &#61; function() {console.log(&#34;SSE 연결 열림&#34;);};eventSource.addEventListener(&#34;notification&#34;, function(event) {try {const notificationData &#61; JSON.parse(event.data);let notificationMessage;이렇게 전역 sse.js를 레이아웃 js 아래에 추가해놨습니다모든 페이지는 타일즈로 레이아웃 html을 가지고 있는데페이지가 전환할때마다 eventSource가 없다고 연결시작하는 콘솔이 찍히는데매번 다른 연결을 시도해서 결국 여러 연결이 발생하는건 아닌지 걱정이 됩니다한 사이트에서 sse 연결을 한번만 하려면 어떻게 해야하는건가요?엔진엑스 설정으로는 구독을하면 3600 초 이후 재 연결을 시도하게 설정해놨습니다

Clickin · Answer

react 등 SPA로 짜지 않는 이상에야 페이지 전환은 새 자바스크립트 및 HTML을 다시 렌더링하는 과정이니까 다 초기화됩니다.페이지 이동으로 초기화되지 않는 localstorage 등을 사용하여 eventsource를 저장하고 매 페이지마다 존재유무를 확인 후 없으면 새로 만드는 식으로 대응해보시면 되겠습니다.

캐티 · Answer

맞아요. 좀 다시 접속하여도 기존 연결을 재사용하는 기능이 있어야 하는데 말이어요. 대충 머 서비스워커 쓰라는 얘기겠쩌. 이런 방식을 별로 안 좋아 하지만 저명하신 분들이 이케이케 하라고 하여서 어쩔 수가 없쩌여.

개발잡부 · Answer

이전 기록을 불러오는 로직을 초기화해보세요

SSE 알림이 화면전환할때마다 초기화되는데 맞나요

3개의 답변

#sse 목록