let http = require("http");
let server = http.createServer();
server.listen(8000, ()=>{
console.log("서버가 실행중");
});
let ws = require("ws")
let socketServer = new ws.Server({server});
socketServer.on("connection", (connection)=>{
console.log("새 웹 소켓 클라이언트 : " + connection);
}
socketServer.on("connection", (connection)=>{
console.log("새 웹 소켓 클라이언트 : " + connection);
connection.on("message",(msg)=>{
console.log(msg.toString());
});
connection.on("close",(msg)=>{
console.log("Disconnected");
});
}
즉 위 코드는 메시지가 수신되는 경우 서버 로그에 String 으로 수신한다.
위와 같이 코드를 구성 후, 서버를 실행해본다.
<div id='box'></div>
<script>
const ws = new WebSocket('ws://localhost:8000');
ws.addEventListener("open",()=>{
console.log("연결됨");
ws.send("Hello!");
});
ws.addEventListener("message",(e)=>{
document.getElementById('box').innerHTML += e.data +"<br>";
console.log(e.data);
});
ws.addEventListener("close",(e)=>{
console.log("서버와의 연결이 종료됨");
});
</script>
위 코드는 DIV 영역을 하나 만들고 웹 소켓 내용을 출력함과 동시에 연결되면 서버에 Hello! 메시지를 전송하는 내용을 포함하고 있다. 위 코드로 html을 하나 만든 뒤 html 브라우저를 실행해본다.