[spring 멀티 채팅] websocket,sockjs,STOMP 이용한 채팅 기능-설정(1)

프로젝트는 끝났지만 구현했던 기능들을 까먹지 않기 위해 정리해 보고자 한다!

 

프로젝트에서 채팅방마다 각 방 멤버들끼리의 채팅 기능이 필요했기에 실시간 채팅 기능을 도와주는 websocket에 대해 공부하여 진행하였다.

 

방 번호마다 다른 url로 들어가면 번호로 방을 구별하여 socket에 연결하는 형식으로 구현하였다.

 

*참고로 spring-legacy를 사용하였다.

 

spring websocket 설정

-servlet-context.xml

xmlns:websocket="http://www.springframework.org/schema/websocket"

이 코드를 servlet-context.xml <beans:beans 태그 안에 등록해 줍니다.

 

-pom.xml

<!-- socket -->
<dependency>
 	<groupId>org.springframework</groupId>
    <artifactId>spring-websocket</artifactId>
    <version>${org.springframework-version}</version>
</dependency>

<dependency>
	<groupId>org.springframework</groupId>
    <artifactId>spring-messaging</artifactId>
    <version>${org.springframework-version}</version>
</dependency>
<!-- stomp -->
<dependency>
    <groupId>org.springframework.integration</groupId>
    <artifactId>spring-integration-stomp</artifactId>
    <version>5.3.2.RELEASE</version>
</dependency>

채팅 기능과 관련된 의존을 pom.xml에 등록해 줍니다. *stomp관련의 경우 다음 게시글에서 설명할 예정!

 

-chatting.jsp

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script
	src="${pageContext.request.contextPath }/resources/dist/sockjs.min.js"></script>
<script
	src="https://cdnjs.cloudflare.com/ajax/libs/stomp.js/2.3.3/stomp.min.js"></script>

-src > main > webapp > resources > dist에 sockjs.min.js파일을 다운로드하여서 넣어준다

채팅을 구현할 jsp파일에 위와 같이 사용할 script태그들을 등록해준다.

 

여기까지 하면 채팅 기능을 위한 기본적인 websocket사용 준비는 끝이 난다! 

다음 게시글에는 STOMP이 뭔지, 어떻게 사용하는지 실제 채팅 구현 코드 부분을 정리할 예정!

 

잘못된 부분이나 놓친 부분이 있을 경우 수정할 예정입니다 :)