*클라이언트 코드

npm package 설치

npm i --save @nestjs/websockets @nestjs/platform-socket.io socket.io

gateway.ts 전체 코드

• 소스 전체 코드

@WebSocketGateway(+process.env.SOCKET_PORT, {
  cors: true,
  namespace: 'TicketNest-socket',
})

• @WebsocketGateway : NestJS 에게 WebSocket 입구라고 알려줌.
• cors : true로 설정시 WebSocket 서버는 모든 웹사이트 연결을 허용.
• namespace : 'TicketNest-socket'이라는 고유한 공간이 생성. 비유하면 홀이 많은 컨퍼런스가 개최중이라 가정했을 떄 'TicketNest-socket'은 그 홀 중 하나에 이름을 붙이는 것과 같음. 특정 이벤트를 찾는 참석자(클라이언트)는 'TicketNest-socket' 홀에 입장하게 됨.

import { Server } from 'socket.io';

export class BookingGateway {
  @WebSocketServer()
  server: Server;

  passOrderCountToQueue(userId: string, order: number) {
    console.log('userId:', userId, 'order:', order);
    this.server
      // .to(userId)
      .to('common-room') // common-room 이란 룸에 메세지 보냄. 해당 room에 있는 유저들에게만 브로드 캐스팅 됨.
      .emit('waiting', `${userId}님의 대기 순서는 ${order}번 입니다`);
  }
  @SubscribeMessage('TicketNest-socket')
  async passOrderToClient(client: Socket, userId: string) {
    client.join('common-room');
  }
}