TalkJS에서 메시지 보고

이제 TalkJS가 지원합니다adding custom actions to chat messages. 이렇게 하면 메시지 보고, 삭제 또는 좋아요 표시와 같은 작업에 대한 지원을 추가할 수 있습니다. 이 사용 방법에서는 이 새로운 기능을 사용하여 TalkJS에서 메시지를 보고하는 사용자 지정 작업을 설정합니다. 기능 자체는 메시지를 보고하지 않지만 사용자 지정 작업과 해당 핸들러를 제공합니다. 비즈니스 요구 사항에 따라 보고 기능을 수행하는 백엔드에서 서비스를 호출해야 합니다.

신고 조치 설정

신고 조치를 추가하려면 다음을 수행해야 합니다log in to your TalkJS account. 상단 탐색 모음에서 역할을 클릭하고 작업을 추가할 역할을 선택합니다. 이 사용 방법에서는 기본 역할에 추가합니다. 사용자 지정 작업 섹션까지 아래로 스크롤하고 이름을 보고서로, 레이블을 보고서로 입력합니다. 작업에 지정한 이름은 사용자가 작업을 클릭할 때 트리거되는 이벤트에 포함되는 반면 레이블은 사용자에게 표시됩니다. "어떤 메시지"드롭다운에서 모두를 선택하고 작업 추가를 클릭합니다.



작업은 위 이미지와 같이 표시되어야 합니다. 역할에 조치를 추가하려면 모든 역할 저장을 클릭하십시오. 언급한 바와 같이 작업을 생성하면 모든 역할에서 작업을 사용할 수 있으며 요구 사항에 따라 비활성화해야 합니다. 역할에 대한 작업을 비활성화하려면 메시지 드롭다운에서 없음 옵션을 선택합니다.

작업 처리

이제 액션을 설정했으므로 사용자가 클릭할 때 일부 코드를 실행하려고 합니다. 이벤트 핸들러를 추가하려면 chatbox 개체(또는 inbox 또는 popup 개체) 및 해당 onCustomMessageAction 메서드를 사용합니다. 사용자가 작업의 메뉴 항목을 클릭하면 메시지에 대한 세부 정보가 포함된 이벤트 개체와 함께 콜백이 호출됩니다. 이 사용 방법에서는 이 정보가 포함된 요청을 백엔드로 보냅니다.

  chatbox.onCustomMessageAction("report", (event) => {
    let reportAction = {
      id: event.message.id,
      message: event.message.body,
      senderId: event.message.senderId,
      senderName: event.message.sender.name,
      timestamp: event.message.timestamp,
    };
    console.log(event);
    fetch("http://127.0.0.1:3000/reportMessage", {
      method: "POST",
      body: reportAction,
    });
  });

백엔드

백엔드는 다양한 요구 사항에 따라 다르기 때문에 여기서는 백엔드에 대해 너무 많은 세부 정보를 조사하지 않을 것입니다. 시작하려면 POST 요청을 수신하는 노드 서버를 설정할 수 있습니다. 테스트를 위해 nodemailer 모듈과 MailTrap과 같은 가짜 SMTP 서버를 사용하여 이메일을 보내고 받을 수 있습니다. 메시지가 보고되면 메시지 내용과 보낸 사람을 검토할 수 있는 관리자에게 보내는 것이 가장 좋습니다. 추가 결정은 회사 정책 및 조사를 기반으로 할 수 있습니다.

다음 단계

가짜 SMTP 서버와 프런트엔드에서 보낸 세부 정보를 사용한 후 관리자는 다음과 같은 내용을 받을 수 있습니다. 간단한 이메일 외에도 보고된 모든 메시지가 들어오는 대기열을 추가할 수 있으며 관리자는 개별적으로 볼 수 있습니다. 사기, 스팸 또는 다른 것으로 밝혀지면 사용자를 금지하고 삭제하는 것과 같은 기능을 제공할 수도 있습니다. 다시 말하지만 이 모든 것은 빌드하는 백엔드 시스템에 따라 다릅니다. 여러분이 우리의 사용자 지정 작업을 어떻게 생각하는지 보고 싶습니다.