react 웹소켓, sockJS, STOMP에 대한 질문요청드립니다.

Question

안녕하세요. 먼저 클릭해 주셔서 감사합니다.react &#43; spring boot로 프로젝트를 진행중에 websocket을 기반으로 한 채팅 기능 구현 중 궁금한 내용이 있어서 질문 드립니다.질문 내용은 아래와 같습니다.웹소켓으로 서버에 요청을 하려면 ws 프로토콜(혹은 wss)를 사용해야 하므로 http-proxy-middleware를 이용하여 서버로 요청합니다.이렇게 작성한 후, 버튼을 눌렸을때 서버에 연결요청을 하는 로직은 아래와 같습니다.서버에서 WebSocketMessageBrokerConfigurer를 구현하는 객체에서 addEndpoint 설정이 /ws로 되어있음에도 연결이 되지 않는 이유가 무엇인지 궁금합니다.socket proxy를 타지 않도록 되어있어서 그런건가요?주석 처리한 webSocketFactory : () &#61;>new SockJS(&#34;/ws&#34;) 로직은 정상으로 connect이 되는데, brokerURL로 접근하는 방법과 어떤 다른점이 있는지도 설명해 주시면 감사하겠습니다.그리고 이러한 과정이 handshake 하는 과정인지도 궁금합니다.질문 드릴 내용은 위와 같습니다. 감사합니다.

ㅇㅅㄱ · Answer

1번과 2번은 아마 stompjs에서 broker와 endpoint의 차이 때문에 발생했던 것으로 기억합니다.프론트 설정을 바꿀게 아니라 백엔드 공식 문서를 잘 찾아보셔야 할 것 같습니다. (사실 stompjs 쓴지 좀 되어서 기억은 잘 안납니다.)handshake는 모든 tcp 요청에서 발생합니다. 그리고 웹소켓 연결도 tcp이기 때문에 handshake를 진행합니다.

초무쿤 · Answer

중간에 L4/L7 장비나 소프트웨어가 있을때 설정문제로 발생하는 경우가 많은거 같더군요. (Websocket은 upgrade관련 설정들이 더 필요한거 같습니다.)일단 네트워크등 위부 상황에 관계없이 작동하도록 하려면 sockJs 기반으로 하는게 좋을거 같긴 합니다.SockJs는 웹 소켓이 지원되지 않는 환경에서도 사용할 수 있도록 하는 폴백(fallback) 메커니즘을 제공합니다. (예를 들면 웹소켓이 원활하지 않은 경우 XHR 폴링, JSONP 폴링, Iframe 등 여러 메커니즘 제공함) 그래서 환경적인 부분에 영향을 덜 받아서 SockJs에 Stomp를 사용하시는게 정신건강에..

react 웹소켓, sockJS, STOMP에 대한 질문요청드립니다.

2개의 답변

Q&A 목록