intellij 를 이용하여 웹소켓 서버를 구축해보도록 할께요.
.새 프로젝트 시작
Create New Project
.초기설정
- Spring MVC
- Web Application > WebServices
.프로젝트 이름 설정
WebSocket Server 로 설정
우측 하단 Finish 클릭
.웹소켓 사용하기 위한 javax webSocket 설치
.패키지 추가
ChatServer
.java Class 추가
ChatServer
ChatServer.java import javax.websocket.*; import javax.websocket.server.ServerEndpoint; import java.io.IOException; import java.util.HashMap; import java.util.Map; @ServerEndpoint("/ws") public class ChatServer { private Map<String, String> usernames = new HashMap<String, String>(); @OnOpen public void open(Session session) throws IOException, EncodeException { session.getBasicRemote().sendText("(Server) hello"); } @OnClose public void close(Session session) throws IOException, EncodeException { String userId = session.getId(); if(usernames.containsKey(userId)) { String username = usernames.get(userId); for(Session peer : session.getOpenSessions()) peer.getBasicRemote().sendText("(Server): "+username+" left the chat room."); } } @OnMessage public void handleMessage(String message, Session session) throws IOException, EncodeException { String userId = session.getId(); if (usernames.containsKey(userId)) { String username = usernames.get(userId); for (Session peer : session.getOpenSessions()) peer.getBasicRemote().sendText("(" + username + "): " + message); } else { if (usernames.containsValue(message) || message.toLowerCase().equals("server")) session.getBasicRemote().sendText("(Server): That username is already in use. Please try again."); else { usernames.put(userId, message); session.getBasicRemote().sendText("(Server): Welcome, " + message + "!"); for (Session peer : session.getOpenSessions()) if (!peer.getId().equals(userId)) peer.getBasicRemote().sendText("(Server): " + message + " joined the chat room."); } } } }
index.jsp <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Chat</title> </head> <body style="margin:0;"> <textarea title="Chat Log" id="log" readonly style="display: block; width: 100%; height: 600px; resize: none; margin: 0; padding: 0; border: 0;"></textarea> <input title="Chat Input" id="input" type="text" style="display: block; width: 100%; border-width: 1px 0 1px 0;" autofocus/> <script> var ws = new WebSocket("ws://localhost:8080/ws"); ws.onmessage = function (event) { console.log(event.data); document.getElementById("log").value += "[" + timestamp() + "] " + event.data + "\n"; } document.getElementById("input").addEventListener("keyup", function (event) { if (event.keyCode === 13) { ws.send(event.target.value); event.target.value = ""; } }); function timestamp() { var d = new Date(), minutes = d.getMinutes(); if (minutes < 10) minutes = '0' + minutes; return d.getHours() + ':' + minutes; } </script> </body> </html>
.톰캣 설정
.톰캣 실행
.이슈
톰캣 시작시 에러 Artifact websocket:war exploded: Error during artifact deployment. See server log for details.
web/WEB-INF/web.xml 내용을 지우고 아래것만 남김 <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd" version="4.0"> </web-app>
.완료
'프로그래밍 > Java' 카테고리의 다른 글
| 인텔리제이 (intellij) 스프링 부트(Spring Boot) 시작하기 (0) | 2021.11.12 |
|---|---|
| mac 인텔리제이(intellij) 스프링부트(spring boot) 포트에러 발생시 Port 8080 was aleady in use (0) | 2021.11.12 |
| Spring boot + swagger 예제 (0) | 2020.12.04 |
| Double 형 데이터 지수 표현 제거 (0) | 2020.11.03 |
| [JAVA] Double 형 데이터 지수 표현 제거 방법 (0) | 2020.10.29 |