Socket.io 정리

1. WebSocket이란?

• WebSocket 은 사용자의 브라우저와 서버 사이의 동적인 양방향 연결 채널을 구성하는 HTML5 프로토콜이다.

2. Http통신과 Socket통신의 차이

• Http : Client의 요청(Request)이 있을 때만 서버가 응답(Response)하여 해당 정보를 전송하고 곧바로 연결을 종료하는 방식
• socket : Server와 Client가 특정 Port를 통해 실시간으로 양방향 통신을 하는 방식

3. socket.io란?

• socket.io란 실시간으로 상호작용하는 웹 서비스를 만드는 기술인 웹소켓을 쉽게 사용할 수 있게 해주는 모듈이다.
• 강력한 Cross-platform WebSocket API이다.

4. socket으로 통신하기

server

1. io.emit(‘event_name’, msg) : 접속된 모든 클라이언트에게 메시지를 전송한다.
2. socket.emit(‘event_name’, msg) : 메시지를 전송한 클라이언트에게만 메시지를 전송한다.
3. socket.broadcast.emit(‘event_name’, msg) : 메시지를 전송한 클라이언트를 제외한 모든 클라이언트에게 메시지를 전송한다.
4. io.to(id).emit(‘event_name’, data) : 특정 클라이언트에게만 메시지를 전송한다.

client

<script src='/socket.io/socket.io.js'></script>

let socket = io();

socket.emit('login', {
      name: "bella"
});

socket.on('chat', (data) => {
      console.log(data);
});

1. 위의 코드처럼 socket을 연결하고 emit을 하면 server에 data를 보내고 on하면 event_name별로 받을 수 있다.