Spring-WebSocket 및 STOMP 프로토콜을 사용한 채팅 서버 구현

1. Spring-WebSocket 기반
Full-Featured 채팅 구현

2. 실시간 웹
소셜 피드, 알림, 채팅 등

3. 웹의 진화
HTTP 1.1 > Ajax > WebSocket > HTTP/ 2

4. 이벤트기반 응답의 구현 방
법

5. Polling
Ajax + setInterval

6. Comet (Ajax Push)
Long Polling
HTTP Streaming

7. WebSocket
HTTP 포트를 사용하는 TCP 상의 쌍방향 통신

8. WebSocket API
https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API

9. var ws = new WebSocket(‘ws://localhost/ws');
ws.onopen = function() {
ws.send(‘hello’);
};
ws.onmessage = function(e) {
console.log(‘message’, e.data);
};
ws.onclose = function(e) {
console.log(‘close’, e.code);
};

10. SockJS
웹소켓(형) 객체를 제공하는 cross-browser 라이브러리
https://github.com/sockjs/sockjs-client

11. var sock = new SockJS(‘ws://localhost/ws');
sock.onopen = function() {
sock.send(‘hello’);
};
sock.onmessage = function(e) {
console.log(‘message’, e.data);
};
sock.onclose = function() {
console.log(‘close’);
};

12. STOMP
웹소켓 서브 프로토콜
Spring WebSocket 에서 지원

13. stomp.js

14. var sock = new SockJS(‘ws://localhost/ws');
var client = Stomp.over(sock);
client.connect({}, function() {
client.subscribe("/topic/test", function(message) {
console.log(message);
});
});
client.send("/topic/test", {}, "Hello, STOMP");
client.disconnect(function() {
console.log('disconnected.');
};

15. Spring WebSocket

17. @Configuration
@EnableWebSocketMessageBroker
public class WebSocketConfig implements WebSocketMessageBrokerConfigurer {
@Override
public void registerStompEndpoints(StompEndpointRegistry registry) {
registry.addEndpoint(“/sockjs").withSockJS();
}
@Override
public void configureMessageBroker(MessageBrokerRegistry config) {
config.setApplicationDestinationPrefixes("/app");
config.enableSimpleBroker("/topic", "/queue");
}
}

18. @Controller
public class MessageController {
@MessageMapping("/app")
@SendTo("/topic/test")
public CommentView send(String message) {
return message
}
}

19. Scaling
BrokerRelay로 전환
현재 접속 사용자 및 구독 상태 기록

21. RabbitMQ
브로커로 사용
STOMP 플러그인 지원
MultiServerUserRegistry

22. @Autowired
SimpUserRegistry userRegistry;
final String dest = stompHeaderAccessor.getDestination();
userRegistry.findSubscriptions(s -> s.getDestination().equals(dest)).size();

23. Security
Spring Security 필터
Handshake 과정에서 HTTP 요청에 적용

24. 끝