[WebSocket] [STOMP] client 테스트 방법

WebSocket 통신에서 STOMP을 사용할때 client 테스트 방법에 대해서 정리해보았습니다.

 

server의 config 파일은 아래와 같이 되어 있습니다.

@Configuration
@EnableWebSocketMessageBroker // 웹 소켓을 사용함
class WebSocketConfig : WebSocketMessageBrokerConfigurer {
    override fun configureMessageBroker(registry: MessageBrokerRegistry) {
        // 해당 경로로 들어오는것을 구독하는것으로 정한다.
        registry.enableSimpleBroker("/topic")

        //registry.setApplicationDestinationPrefixes("/app")
    }

    override fun registerStompEndpoints(registry: StompEndpointRegistry) {
        registry.addEndpoint("/ws") //
            .setAllowedOriginPatterns("*") // 허용하는 도메인 주소 (일단 모두 허용으로 바꾸었다.)
//            .withSockJS()
    }
}

withSockJS()를 추가하면 클라이언트가 SockJS 프로토콜을 사용해야 합니다. 그렇지 않으면 연결이 실패합니다. client 용도로 사용할 apic 사이트는 순수 WebSocket만 지원하고 SockJS를 인식하지 못하기 때문에 withSockJS()를 주석처리 하였습니다.

 

server에서 아래의 코드를 통해서 테스트 메세지를 보내게 했습니다.

simpMessagingTemplate.convertAndSend("/topic/greetings", "test");

 

client 테스트는 apic사이트를 사용했습니다.

사이트에 접속하면 아래와 같은 화면이 노출됩니다.

 

상단의 ws 아이콘을 클릭합니다.

Request URL에 server와 연결할 end point URL을 적어줍니다.

Connection type에서 Stomp를 클릭하고 Subscription URL에 server에서 메세지를 보내는 url(client에서 구독하는 url)을 입력합니다.

 

 

Connect 버튼을 클릭하면 Messages 영역에 stomp connected가 노출되면 정상적으로 server와 연결되었습니다.

 

server에서 메세지를 보내면 아래와 Messages 영역에 client에서 받은 메세지가 노출됩니다.