TalkJS 받은 편지함에 채팅 기록을 저장하는 방법

당신의 수신함이 엉망진창일 때, 채팅을 압축하는 것은 매우 유용한 기능이다.자주 방문하지 않는 모든 채팅을 숨길 수 있고 필요할 때만 접근할 수 있다.오늘은 TalkJS Chat API를 어떻게 사용해서 이런 기능을 실현하는지 살펴볼 것이다.

초기 설정

TalkJS를 사용하여 수신함을 설정하는 것은 매우 간단합니다. 이것은 우리의 상세한 정보Getting Started guide에 감사해야 합니다.수신함이 생기고 실행을 시작하면 채팅 기록을 저장하고 사용자 정의 필터를 추가할 때가 된다.
상상해 보십시오. 우리는 맞춤형 PC를 위해 웹 사이트를 구축하여 지원 채팅을 실행하고 있습니다. 우리는 지원 채팅 주제가 있는데, 이런 주제는 일부 전문가들이 처리할 것입니다.매일 많은 조회가 있기 때문에 사용자마다 여러 가지 문제가 있을 수 있기 때문에 우리는 그들이 문제를 해결한 후에 채팅을 압축할 수 있도록 해야 한다.우리는 TalkJS를 사용하여 이 장면을 실현할 것이다.

사용자 정의 속성 및 요약 필터

채팅을 보관하기 위해 우리는 두 가지 일을 이용할 것이다.하나는 사용자 정의 대화 속성이고, 다른 하나는 요약 필터입니다.TalkJS API를 사용하여 대화를 만들 때 일반적인 절차는 Session 클래스의 대상을 사용하여 대화 대상을 만들고 참여자를 설정하는 것이다.아카이브 대화의 경우 동일한 방식으로 대화를 만들지만 아카이브라는 사용자 정의 속성을 추가하고 false로 설정합니다.그리고 이 사용자 정의 속성은 요약을 선별하는 데 사용됩니다.

const conversation1 = session.getOrCreateConversation(Talk.oneOnOneId(me, other));
conversation1.setAttributes({custom: { archived: "false" }})
conversation1.setAttributes({subject: "gaming"});
conversation1.setParticipant(me);
conversation1.setParticipant(other);

여러 개의 사용자 정의 속성과 필터 기능을 보여주기 위해서, supportTopic라는 추가 속성을 추가하고,gaming으로 설정합니다.우리는 두 가지 지원 주제의 대화를 만들 것이다. 하나는 게임이고, 다른 하나는 연결이다.

const conversation1 = session.getOrCreateConversation(Talk.oneOnOneId(me, other));
conversation1.setAttributes({custom: { archived: "false", supportTopic: "gaming" }})
conversation1.setAttributes({subject: "gaming"});
conversation1.setParticipant(me);
conversation1.setParticipant(other);

수신함은 이렇습니다.우리가 상상하는 고객 세바스티안(Sebastian)은 게임 성능과 연결성에 있어서 그의 새 컴퓨터와 문제가 있다.그는 이 두 명의 지원 스파이에게 보내졌다.


이 예에서, 우리는 대화를 다시 만들 것입니다. Sebastian의 수신함은 다음과 같습니다.그 다음에 세바스티안은 여러 가지 문제에 부딪혔고, 이로 인해 그의 수신함은 엉망진창이 되었고, 그로 하여금 활발한 대화를 추적하기 어렵게 만들었다.이를 위해, 우리는 대화에서 사용하는 사용자 정의 속성에 대해 압축 파일 기능을 사용할 것입니다.

대화를 요약에 저장하고 숨기려면, 압축 파일 속성을true로 설정하고, 수신함에 있는 요약 필터를 사용하십시오.Feed필터에 익숙하지 않은 경우 TalkJS에서는 액세스 수준, 읽기 상태 또는 사용자 정의 속성 등 다양한 조건에 따라 받은 편지함 Feed의 대화를 필터링할 수 있는 필터링 메커니즘을 제공합니다.
예를 들어 Alice와 관련된 게임 성능 문제를 해결했으므로 아카이빙을 원합니다.대화에서 압축 파일 속성을true로 설정하면 됩니다.

conversation.setAttributes({custom: { archived: "true", supportTopic: "gaming" }})

이제 받은 편지함을 보면 Alice와의 대화가 더 이상 받은 편지함에 표시되지 않습니다.그런데 잠깐만, 이게 어떻게 된 거야?이것이 바로 사료 필터가 화면에 들어가는 곳이다.우리가 어떻게 이 점을 해냈는지 더 자세히 알아보자.

수신함을 만들 때 일반적인 방법은 다음과 같은 코드 세그먼트를 사용하여 수신함을 html의talks 용기에 불러옵니다.

const inbox = session.createInbox({selected: conversation1});
inbox.mount(document.getElementById("talkjs-container")); 

요약 필터를 사용하려면 한 줄을 더 추가합니다.이것은 ConversationPredicate 인터페이스의 일부분입니다. 문서에서 사용할 수 있는 모든 옵션을 볼 수 있습니다.두 가지 최상위 속성이 있습니다: 접근과 사용자 정의.Access는 사용자의 권한 수준에 따라 채팅에 대한 접근을 제한하는 데 사용되며,custom 속성은 사용자 정의 속성에 따라 채팅을 표시하거나 숨기는 데 사용됩니다.

inbox.setFeedFilter({ custom: { archived: ["==", "false"] } });

custom 속성에서 세션에 대한 속성을 지정했습니다. 이 예에서는 '압축 파일' 입니다.대화를 조작하기 위해서 문자열'exists'나'exists'의 조건을 제공해야 합니다!exists'또는 2원조, 위의 예시와 같다.
이 요약 필터를 더 잘 이해할 수 있도록 도와주는 강좌에는 더 많은 예가 없습니다.

다음은요?

TalkJS 채팅 API가 무엇을 할 수 있는지에 대해 우리는 단지 표면에 닿았을 뿐이다.아카이브 기능은 TalkJS의 주제 필터와 결합하여 다양한 종류의 여러 채팅을 보고 격리할 수 있는 채팅 애플리케이션의 핵심 부분입니다.예를 들어 모든 대화에 대해 우리는 추가 속성인'supportTopic'을 가지고 있으며 이것은 모든 대화의 주제를 나타낸다.