㈜유미테크

Web Socket

2

목차

• WebSocket 소개

• 개발 환경

• WebSocket 예제

• 개발 시 유의사항

WebSocket

WebSocket3

WebSocket 소개

• 웹서버와 웹 브라우저가 실시간으로 데이터를 주고 받을 수 있음 .

4

개발 환경

• Eclipse Kepler• JDK Version 1.8.0_05• Spring Framework 4.0.4 • Tomcat 7.0.54

WebSocket

5

WebSocket 예제

WebSocket

• 프로젝트 구조

6

WebSocket 예제

WebSocket

• pom.xml 에 WebSocket dependency 추가

7

WebSocket 예제

WebSocket

• WebSocketHandler 생성 및 설정 (1)– Client 에서 보낸 message 를 출력 후 현재 시간을 response 해주는 Handler 생성

WebSocket8

WebSocket 예제

• WebSocketHandler 생성 및 설정 (2)

9

WebSocket 예제

• WebSocketConfig 파일 생성– 이전 화면에서 등록한 Handler 를 add 한다 .

WebSocket

10

WebSocket 예제

• servlet-context.xml 설정

WebSocket

11

WebSocket 예제

• JSP 파일 생성

WebSocket

WebSocket12

WebSocket 예제

WebSocket13

유의사항

• Tomcat Version 은 7.0.52 이상을 사용한다 .– 7.0.52 Version 미만은 tomcat7-websocket-api.jar, websocket-api.jar 파일이

없음

<Tomcat 7.0.34 의 경우 >

WebSocket14

유의사항

• JDK Version 은 1.8 이상을 사용한다 .

WebSocket15

유의사항

• 테스트 가능 브라우저– Internet Explorer 10 이상– Chrome, Firefox 테스트 가능– Internet Explorer 에서 테스트 시 개발자 도구 (F12) 를 눌러 브라우저 모드와

문서모드를 확인한다 .• 브라우저 모드 : IE10 이상 버전으로 선택되어 있는지 확인• 문서 모드 : 표준으로 선택

WebSocket16

참고 자료

• WebSocket Support – http://docs.spring.io/spring/docs/current/spring-framework-reference/html/web

socket.html

• WebSocket 공식 사이트– http://www.websocket.org/echo.html

• 추천 책– 모던 웹을 위한 HTML5 웹소켓 프로그래밍

• http://www.hanbit.co.kr/book/look.html?isbn=978-89-6848-031-7