✨New Javascript SDK [1.2.0]

SDK Summary

1. 플랫폼

클레온 API를 호출하기 위해 사이트 도메인 등록 필요.

도메인 등록은 클레온 스튜디오의 SDK 관리에서 가능.

문제 발생 시 [e-mail]로 문의.

2. SDK 설치

JavaScript SDK 파일을 웹 페이지에 포함.

script 태그에 SDK 버전 명시.

<script src="https://web.sdk.klleon.io/1.0.0/klleon-chat.umd.js"></script>

3. SDK 초기화

init() 메서드를 사용해 초기화.

필수 옵션:

• sdk_key

• avatar_id

window.KlleonChat.init({
  sdk_key: "your sdk key",
  avatar_id: "your avatar id",
});

4. 주요 기능

이벤트 핸들러

1. onChatEvent: 채팅 이벤트 처리

2. onStatusEvent: 상태 이벤트 처리

UI 컴포넌트

1. <avatar-container />: 아바타 Web Component 스트리밍 렌더링

2. <chat-container />: 채팅 Web Component 렌더링

라이프 사이클 메서드

1. init: sdk를 초기화하여 소켓과 스트리밍을 연결

2. destroy:SDK 종료 및 리소스 정리

채팅 메서드

1. sendTextMessage: 텍스트 메시지 전송

2. echo:메시지 에코 기능

3. startStt / endStt: 음성 메시지 녹음 및 전송

기타 메서드

1. changeAvatar: 아바타 변경.

2. clearMessageList: 메시지 목록 초기화.

3. stopSpeech: 아바타 발화 중단

5. 예제

1. VanillaJS
2. React
3. NestJS

6. 타입스크립트 지원

• KlleonSdk.d.ts: SDK 타입 정의후 tsconfig.json에 적용

7. 로그 시스템

1. 로그 목록
2. 로그 타입
3. 로그 레벨 포함 관계