Spring Security JWT 및 STOMP 기반 채팅 웹 앱 구현 관련 질문

Question

안녕하세요 현재 Spring Security JWT 및 STOMP 기반 채팅 웹 앱 구현중에 있습니다. 로그인 시 회원의 refresh token과 access token이 발급되고 해당 토큰을 클라이언트에게 반환합니다. 이후 Stomp 기반 단순 메시지 채팅이 아닌 메시지 없이 사용자 간 투표 등을 주고받는 실시간 통신을 구현하는 중입니다. WebSocket 연결과 메시징 처리, JWT 인증과 사용자 세션을 관리하는 StompHandler와 실질적으로 JWT를 생성하고 검증하는 JwtProvider를 사용하고 있습니다. 현재 서버는 1대이고 클라이언트는 리액트 및 Axios를 사용하고 있습니다. 여쭤보고 싶은 점은 여러 브라우저를 띄워 각각 사용자가 로그인 한 후 채팅하는 것을 구현하고 싶은데 화면1에서 사용자1이 로그인 및 로그아웃을 하면 화면2에도 똑같이 반영이 됩니다. 독립적으로 사용자들의 WebSocketSession을 관리하는 방법을 알고싶습니다.. 조언 부탁드립니다.

어찌합니까 · Answer

시크릿 브라우저 여러개 띄우면 되지않나요?

kenu,전독시 · Answer

Spring Security와 STOMP를 이용한 실시간 통신 시스템에서 여러 브라우저 창에 걸쳐 독립적인 사용자 세션을 유지하려면, 각 WebSocket 연결에 고유한 세션 ID를 할당하고 이를 통해 사용자를 식별해야 합니다. 이를 위해 DefaultStompSessionHandler를 커스터마이징하여 각 세션에 고유한 세션 ID를 부여하고, 이 ID를 사용하여 사용자의 상태(예: 로그인, 로그아웃)를 추적할 수 있습니다.Step 1: Custom Stomp Session Handler 구현먼저, DefaultStompSessionHandler를 확장하여 사용자 세션을 관리하는 커스터마이징된 세션 핸들러를 구현합니다. 이 핸들러에서는 사용자의 세션 ID를 저장하고, 사용자가 로그인하거나 로그아웃할 때마다 이 정보를 업데이트합니다.import org.springframework.messaging.simp.stomp.StompHeaderAccessor; import org.springframework.messaging.simp.stomp.StompSessionHandlerAdapter; public class CustomStompSessionHandler extends StompSessionHandlerAdapter { private Map sessionStatus = new ConcurrentHashMap<>(); @Override public void afterConnected(StompSession session, StompHeaders connectedHeaders) { super.afterConnected(session, connectedHeaders); // 세션 ID를 사용하여 사용자의 로그인 상태를 저장 String sessionId = session.getId(); sessionStatus.put(sessionId, true); // 로그인 상태로 초기화 } @Override public void handleException(StompSession session, StompCommand command, StompHeaders headers, byte[] payload, Throwable exception) { super.handleException(session, command, headers, payload, exception); // 예외 처리 로직 } @Override public void afterConnectionClosed(StompSession session, StompHeaders closedHeaders) { super.afterConnectionClosed(session, closedHeaders); // 세션 닫힘 처리 String sessionId = session.getId(); sessionStatus.remove(sessionId); } } Step 2: WebSocketConfig 설정WebSocketConfig 클래스에서 CustomStompSessionHandler를 사용하도록 설정합니다. 또한, 각 세션에 고유한 세션 ID를 할당하기 위해 SimpTransportDestinationPrefixRegistry를 사용하여 경로를 정의합니다.@Configuration @EnableWebSocketMessageBroker public class WebSocketConfig implements WebSocketMessageBrokerConfigurer { @Autowired private CustomStompSessionHandler customStompSessionHandler; @Override public void configureMessageBroker(MessageBrokerRegistry config) { config.enableSimpleBroker("/topic"); config.setApplicationDestinationPrefixes("/app"); } @Override public void registerStompEndpoints(StompEndpointRegistry registry) { registry.addEndpoint("/ws").withSockJS().setHandshakeHandler(new SockJsClient.HandshakeHandler() { @Override public void handleHandshake(ServerHttpRequest request, ServerHttpResponse response, Map attributes) throws Exception { attributes.put("customSessionHandler", customStompSessionHandler); } }); } @Bean public DefaultSockJsClient sockJsClient(SimpMessagingTemplate template) { return new DefaultSockJsClient(Arrays.asList(new WebSocketTransport(template))); } } Step 3: 클라이언트 측 변경클라이언트 측에서는 SockJS와 STOMP 라이브러리를 사용하여 WebSocket 연결을 설정할 때 customSessionHandler를 전달합니다. 이렇게 하면 서버가 각 세션을 독립적으로 관리하게 됩니다.const socket = new SockJS('/ws'); const stompClient = Stomp.over(socket); stompClient.connect({}, function(frame) { console.log('Connected: ' + frame); }); 이 방식을 통해, 각 브라우저 창에는 독립적인 WebSocket 세션이 생성되며, 사용자는 로그인 또는 로그아웃 시 해당 세션에만 영향을 미칩니다. 이를 통해 여러 브라우저 창에서의 동기화 문제를 해결할 수 있습니다.from: https://www.phind.com/search?cache=icb9m8w2h7pbnpn5hyj96t1z

Spring Security JWT 및 STOMP 기반 채팅 웹 앱 구현 관련 질문

2개의 답변

#security 목록