웹소켓

1. 상담목록

• 웹소켓 서버에서 inquiries라는 이벤트를 구독한다.

  const socket = io.connect(SERVER);
  // back
  socket.emit('inquiries', function(데이터) { // 전송
    
  });
  
  // front
  socket.on('inquiries', (data) => setInquries(data)); // 구독
  

1. 새로운 문의 또는 채팅이 들어오면 백엔드 서버에서는 inquiries 에 데이터를 전송해준다.
2. 클라이언트에서는 데이터가 들어오면 관리하고 있는 inquiries 에 데이터를 추가한다.

2. 고객상담

• 웹소켓 서버에서 inquiries/:inquiry-id라는 이벤트를 구독한다.

1. 메세지 보내기
2. 메세지를 실시간으로 받기
3. 상담의 상태를 확인해서 실시간으로 화면 변경해주기

3. 고객정보

• customer/:customer-id/memos
• customer/:customer-id/inquiries

1. 고객 메모 추가
2. 상담내역이 실시간으로 변경된다.