Socket.io를 사용하여 실시간 키오스크 시스템 구현하기

const server = require('http').createServer();
const io = require('socket.io')(server);

io.on('connection', (socket) => {
  console.log('새로운 클라이언트가 연결되었습니다.');

  // 클라이언트로부터 메시지를 받을 때
  socket.on('message', (message) => {
    console.log('받은 메시지:', message);

    // 모든 클라이언트에게 메시지 전송
    io.emit('message', message);
  });

  // 연결이 끊어질 때
  socket.on('disconnect', () => {
    console.log('클라이언트와의 연결이 끊어졌습니다.');
  });
});

server.listen(3000, () => {
  console.log('소켓 서버가 3000번 포트에서 동작 중입니다.');
});

const socket = io('http://localhost:3000');

// 서버로부터 메시지를 받았을 때
socket.on('message', (message) => {
  console.log('받은 메시지:', message);

  // 메시지를 표시하는 로직 구현
});

// 메시지를 서버로 전송하는 함수
function sendMessage(message) {
  socket.emit('message', message);
}

// 키오스크에서 발생한 이벤트를 전달하는 함수
function sendEvent(event) {
  socket.emit('event', event);
}

// 서버로부터 이벤트를 받았을 때
socket.on('event', (event) => {
  console.log('받은 이벤트:', event);

  // 이벤트에 따른 동작 로직 구현
});