Freshchat React Native SDK 통합 단계

Freshchat.resetUser();

3.4 사용자 복원

장치/세션/플랫폼 간의 채팅 메시지를 유지하려면 모바일 앱이 사용자에 대해 동일한 외부 ID 및 복원 ID 조합을 전달해야 합니다. 이를 통해 사용자는 Android, iOS 및 웹과 같은 지원되는 플랫폼에서 대화를 원활하게 이어갈 수 있습니다.

• 외부 ID: 이는 (이상적으로) 사용자 ID 또는 이메일 ID와 같은 시스템의 사용자에 대한 고유 식별자여야 하며 Freshchat.identifyUser() API를 사용하여 설정됩니다. 이는 사용자에 대해 설정된 후 변경할 수 없습니다.
• 복원 ID: 이는 외부 ID가 설정된 경우 현재 사용자에 대해 Freshchat에서 생성되며 Freshchat.getUser().getRestoreId() API를 사용하여 언제든지 검색할 수 있습니다. 앱은 동일한 장치 또는 장치 및 플랫폼 간의 세션에서 채팅 대화를 계속하기 위해 외부 ID 및 복원 ID 조합을 Freshchat SDK에 저장하고 나중에 제공할 책임이 있습니다.

Freshchat.identifyUser("EXTERNAL_ID", "RESTORE_ID", (error) =>
{
    console.log(error);
});

복원 ID 생성 이벤트 수신

복원 ID 생성은 비동기 프로세스입니다. 이 이벤트를 애플리케이션 수명 주기 동안 수신해야 합니다. 일반적으로 사용자가 대화를 시작한 후 생성이 발생합니다.

복원 ID 생성 이벤트 등록

Freshchat.addEventListener(
Freshchat.EVENT_USER_RESTORE_ID_GENERATED,
    () => 
{
        console.log("onRestoreIdUpdated triggered");
        Freshchat.getUser((user) =>
{
            var restoreId = user.restoreId;
            var externalId = user.externalId;
            console.log("externalId: " + externalId);
            console.log("restoreId: " + restoreId);
        })
    }
);

3.5 Freshchat 사용자 ID 가져오기

getFreshchatUserId() API를 사용하여 사용자의 고유 식별자를 가져올 수 있습니다.

Freshchat.getFreshchatUserId((data) => 
{
        console.log(data);
        });

Freshchat.showConversations();

4.1.1 주제 필터링

특정 용어로 태그된 주제만 필터링하여 표시하려면 아래와 같이 showConversations() API에 전달된 ConversationOptions 인스턴스에서 filterByTags API를 사용하세요.

예: 앱의 주문 페이지에서 특정 주제를 연결하고 표시하려면 해당 주제를 "order_queries"라는 용어로 태그할 수 있습니다.

import { ConversationOptions } from 'react-native-freshchat-sdk';
var conversationOptions = new ConversationOptions();
conversationOptions.tags = ["premium"];
conversationOptions.filteredViewTitle = "Premium Support";
Freshchat.showConversations(conversationOptions);

Freshchat.addEventListener(
Freshchat.EVENT_UNREAD_MESSAGE_COUNT_CHANGED,
    () => 
{
        console.log("onUnreadMessageCountChanged triggered");
        Freshchat.getUnreadCountAsync((data) => 
{
            var count = data.count;
            var status = data.status;
if (status) 
{
                console.log("Message count: " + count);
            } else 
{
                console.log("getUnreadCountAsync unsuccessful");
            }
        });
    }
);

4.1.3 태그로 필터링된 대화에서 읽지 않은 메시지 수

사용자가 태그로 필터링된 특정 대화에서 읽지 않은 메시지 수를 얻으려면 getUnreadCountAsync API를 사용하세요.

const getUnreadCountAsyncForTags = () => 
{
    Freshchat.getUnreadCountAsync(
{
            tags: ["new", "test"]
        },
        (data) => 
{
            console.log(data);
        });
};

4.2. FAQ

메뉴 선택이나 버튼 클릭 이벤트와 같은 특정 UI 이벤트에 응답하여 showFAQs() API를 호출하여 FAQ 화면을 시작하세요. 기본적으로 FAQ 카테고리는 그리드로 표시되며 하단에 "문의하기" 버튼이 있습니다. 이를 사용자 정의하려면 FAQ 옵션을 확인하세요.