[javascript] 웹 소켓을 이용한 실시간 주문 및 배송 추적 서비스

15 Dec 2023

javascript

인터넷 쇼핑 및 배송 서비스가 발달함에 따라 실시간 주문 및 배송 추적이 중요해졌습니다. 이를 위해 웹 소켓을 이용하여 실시간으로 주문과 배송 상태를 업데이트하여 보다 원활한 서비스를 제공할 수 있습니다.

웹 소켓이란?

웹 소켓은 양방향 통신을 지원하는 프로토콜로, 웹 애플리케이션과 서버 간의 실시간 데이터 전송을 가능하게 합니다. 기존의 HTTP 프로토콜과 달리 웹 소켓은 지속적인 연결을 유지하므로 서버 또는 클라이언트에서 언제든 데이터를 전송할 수 있습니다.

실시간 주문 및 배송 추적 서비스 구현하기

1. 웹 소켓 서버 구성

먼저, Node.js와 Socket.IO 라이브러리를 사용하여 웹 소켓 서버를 구성합니다. Socket.IO는 실시간 양방향 이벤트 기반 통신을 지원하는 라이브러리로, 간편한 사용법과 다양한 기능을 제공합니다.

const express = require('express');
const http = require('http');
const socketIo = require('socket.io');

const app = express();
const server = http.createServer(app);
const io = socketIo(server);

io.on('connection', (socket) => {
  console.log('새로운 사용자가 접속했습니다.');

  socket.on('order', (data) => {
    console.log('새로운 주문:', data);
    // 주문 정보를 데이터베이스에 저장하고, 클라이언트에게 주문 상태를 전송
    io.emit('orderStatus', '주문이 완료되었습니다.');
  });

  socket.on('deliveryUpdate', (data) => {
    console.log('배송 상태 업데이트:', data);
    // 배송 상태를 데이터베이스에 업데이트하고, 해당 주문을 한 사용자에게 배송 상태를 전송
    socket.emit('deliveryStatus', '배송 중');
  });
});

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

2. 웹 소켓 클라이언트 구성

웹 소켓 클라이언트는 주문 및 배송 상태를 업데이트하고 실시간으로 통지받기 위해 구성됩니다. 일반적으로 웹 애플리케이션의 프론트엔드에서 구현되며, Socket.IO 클라이언트 라이브러리를 활용하여 서버와의 연결을 구축합니다.

// 웹 소켓 클라이언트 예시
import io from 'socket.io-client';

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

socket.on('connect', () => {
  console.log('서버에 연결되었습니다.');
});

socket.on('orderStatus', (status) => {
  console.log('주문 상태:', status);
  // 주문 상태를 화면에 표시
});

socket.on('deliveryStatus', (status) => {
  console.log('배송 상태:', status);
  // 배송 상태를 화면에 실시간으로 업데이트
});

마치며

웹 소켓을 이용한 실시간 주문 및 배송 추적 서비스를 구현함으로써 고객들은 주문 및 배송 상태를 실시간으로 확인할 수 있고, 서비스 제공자는 고객과 실시간으로 소통하여 서비스 품질을 향상시킬 수 있습니다. 이러한 기술적 구현은 현대적인 온라인 비즈니스에서 기본적으로 갖춰져야 할 요소입니다.

참고문헌: