chatkitty
v1.11.0
chatkitty NPM 패키지는 채팅 기능을 웹 응용 프로그램에 통합하기위한 강력한 도구입니다. 개발자가 최소한의 노력으로 풍부한 채팅 경험을 만들 수있는 포괄적 인 기능 세트를 제공합니다. chatkitty 메시징 앱을 구축하거나 소셜 네트워크에 채팅을 추가하거나 고객 지원 채팅을 애플리케이션에 통합하든 빠르고 효율적으로 시작하는 데 필요한 모든 구성 요소를 제공합니다.
프로젝트에서 chatkitty 사용하기 위해 다음 명령으로 NPM을 통해 설치할 수 있습니다.
npm install chatkitty --save먼저 API 키와 연결중인 사용자의 사용자 이름을 사용하여 Chatkitty API와 연결해야합니다.
import { connectApi } from 'chatkitty' ;
const apiKey = 'YOUR_CHATKITTY_API_KEY' ;
const username = 'USER_USERNAME' ;
const connection = await connectApi ( {
apiKey : apiKey ,
username : username ,
} ) ;
console . log ( 'Connected to ChatKitty as' , connection . user . value . username ) ;위젯 ID와 채팅 UI를 렌더링 해야하는 컨테이너를 지정하여 응용 프로그램에서 chatkitty UI를 쉽게로드하고 표시 할 수 있습니다.
import { loadChatUi } from 'chatkitty' ;
const chatUi = await loadChatUi ( {
widgetId : 'YOUR_WIDGET_ID' ,
username : 'USER_USERNAME' ,
container : {
id : 'chat-ui' ,
height : '100%' ,
} ,
} ) ;
// Optional: To unmount the chat UI
// await chatUi.unmount(); chatkitty 테마, 현지화, 오디오 알림 등을 통한 채팅 UI 및 동작을 광범위하게 사용자 정의 할 수 있습니다. 예를 들어 테마를 사용자 정의하고 사용자 정의 사용자 프로필을 제공합니다.
await loadChatUi ( {
widgetId : 'YOUR_WIDGET_ID' ,
theme : 'dark' ,
profile : {
displayName : 'John Doe' ,
displayPicture : 'https://example.com/user-avatar.jpg' ,
} ,
// Other options...
} ) ; chatkitty 오디오 알림, 다양한 언어의 현지화, 맞춤형 채팅 구성 요소 및 맞춤형 채팅 경험을위한 오류 템플릿과 같은 고급 기능을 제공합니다. 이러한 기능과 완전한 API에 대한 자세한 내용은 공식 chatkitty 문서를 방문하십시오.