Socket.IO

Socket.IO

socket.io

Socket.IO is NOT a WebSocket implementation. → F, B 각각 설치가 필요하다

Socket.IO Just use plain WebSockets. The connection will fall back to HTTP long-polling in case the WebSocket connection cannot be established.

Reliability

Auto-reconnection support

Disconnection detection

Binary support

code flow

install

back npm i [socket.io](<http://socket.io>) , const wsServer = SocketIO(httpServer);

• front http://localhost:3000/socket.io/socket.io.js 주소 추가

check

• webSocket의 socket이 아닌 socket.io의 socket을 확인할 수 있다
• webSocket에서는 별도 배열을 생성해서 클라이언트를 구분했는데, socket.io에서는 직접 개별 클라이언트를 관리(Set으로 저장)도 해주고 고유 id도 관리해준다
• socket.send(”message”, 핸들러) 방식이 아닌, emit를 통해 원하는 이벤트를 직접 실행 할 수 있다. socket 통신 시 object를 전달할 수 있다(중립성, object type to string은 알아서 해준다).
• 그런데 더 좋은 점은 ^^ io.emit(”event”, {object}, ()⇒{…}, abc, "hi", "home"...); 과 같이 argument를 원하는 만큼 받을 수 있고 콜백함수로 활용할 수도 있다는 점이다.
• socket.io는 room기능을 제공한다.
• Adapter
• Admin UI

주요 기능

• [x] 방 생성 및 입장, 방 이름 제공

  Server API | Socket.IO

• [x] 채팅방 입장/퇴장 시 본인 제외 참가자에게 joined/left 메시지 전달

  Server API | Socket.IO

• [x] 메시지 주고받기. 메시지 앞에 나와 상대방 닉네임 넣기

• [x] 서버 내 전체 채팅방 현황 조회

  • [x] 새로운 방 개설 시 참여자 모두에게 메시지 전달

    socket.to().emit(” ”,” ”) → io.socket.emit(” ”,” ”)

  • [x] 참여자 수 카운트

• [x] 어드민 생성