Spring-WebSocket 기반 Full-Featured 채팅 구현
- 2. 실시간 웹 소셜 피드, 알림, 채팅 등
- 3. 웹의 진화 HTTP 1.1 > Ajax > WebSocket > HTTP/ 2
- 4. 이벤트기반 응답의 구현 방 법
- 6. Comet (Ajax Push) Long Polling HTTP Streaming
- 7. WebSocket HTTP 포트를 사용하는 TCP 상의 쌍방향 통신
- 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. 끝