Web socket

• WebSocket은 사용자의 브라우저와 서버 사이의 동적인 양방향 연결 채널을 구성하는 HTML5 프로토콜
• WebSocket API를 통해 서버로 메시지를 보내고 요청 없이 응답을 받아오는 것이 가능

Sever-side

const app = require('express')();
const server = require('http').createServer(app);
// http server를 socket.io server로 upgrade한다
const io = require('socket.io')(server);

server.listen(3000, function() {
  console.log('Socket IO server listening on port 3000');
});

connection 이벤트

io.on('connection', (socket) => {
...
});

• connection 이벤트는 client를 통해 소켓에 연결되었을 때 발생하고, 연결된 소켓의 정보를 parameter값으로 받아옴
• 소켓의 정보를 이용하여 각종 이벤트를 등록하거나 사용할 수 있음

클라이언트가 전송한 메세지 수신

socket.on('chat', (data) => {
    console.log('Message from %s: %s', socket.name, data.msg);

    var msg = {
      from: {
        name: socket.name,
        userid: socket.userid
      },
      msg: data.msg
    };
})

• on 메소드 사용
• event name : 클라이언트가 서버로 메세지 송신시, 정한 이름
• parameter : 클라이언트가 송신한 데이터

클라이언트에게 메세지 송신

// 메시지를 전송한 클라이언트에게만 메시지를 전송한다
socket.emit('s2c chat', msg);

// 접속된 모든 클라이언트에게 메시지를 전송한다
io.emit('s2c chat', msg);

// 특정 클라이언트에게만 메시지를 전송한다
io.to(id).emit('s2c chat', data);