springboot vue 소켓통신하기 1(연결)

배달이 시작되면

배달원의 위치를 실시간으로 표시해주려고 한다

그래서 채팅 웹/앱처럼 소켓통신을 하려고 구현했다

 

implementation group: 'org.springframework.boot', name: 'spring-boot-starter-websocket', version: '2.6.2'

추가해준다

 

 

webSocketConfig.java

 

configuration해준다

연결 주소

"/auth/ws/chat"

cors정책 설정

setAllowedOrigins("*")

메시지를 받아서 처리해주는 클래스이다

private textHandler chatHandler;

 

textHandler

textHandler.java

주석을 보면 알 수 있다

 

vue

 

테스트

연결되니 afterConnectionEstablished의 로거가 나온다

전송하니 handleTextMessage의 로거가 나온다

 

이제 누구인지 구별하고 연결시켜주자