chatKit lib 다운로드 - chatKit lib 소스 코드 다운로드

chatKit lib

AI 소스 코드

v0.8.0

다운로드

? 왜?

채팅과 상호 작용하는 기능을 제공하는 타사 서비스와 상호 작용하는 대화 인터페이스를 만들 수 있는 반응 구성 요소 라이브러리입니다.

? 설치하다

라이브러리를 설치하려면 다음 명령을 입력해야 합니다.

 npm i sova - chatkit

빠른 시작

빠르게 시작하고 라이브러리 구성 요소를 변경하려면 App.jsx 파일에 다음 명령을 입력하세요.

 import React from "react"
import { CkComponents } from "sova-chatkit"
 
function App ( ) {
 return (
 < div className = "App" >
   < CkComponents . ChatIt ckStore = { true } / >
 < / div >
 )
}
 
export default App

? 목차

라이브러리는 다음 구성 요소로 구성됩니다.

? CkComponents - 위젯의 UI 구성 요소(반응 구성 요소)
? ckAPIMethods - UI 동작 또는 UI와의 상호 작용에 영향을 주는 메서드입니다.
ckStore - 콘텐츠 관리.

라이브러리에 대한 자세한 설명은 아래와 같습니다.

라이브러리 설명

CkComponents

 import { CkComponents } from "sova-chatkit"

위젯은 다음 반응 구성 요소를 사용합니다.

요소
배지	위젯 확장 버튼
메시지	이에 대한 정보가 포함된 문자 메시지 버블
대화	문자 메시지 세트 표시
헤더	위젯 제목
비율	메시지 평가 구성 요소
보내는 사람	메시지 입력 및 전송 구성 요소

각 구성 요소는 구성 요소가 기본 ckStore 의 정보를 유지해야 하는지 여부를 나타내는 true 또는 false 값을 가진 ckStore 의 prop을 받아들입니다.

ckAPI방법

 import { ckAPIMethods } from "sova-chatkit"

ckAPIMethods 메소드 목록을 저장합니다.

API 방식
메시지 수신API	STORE에 문자 메시지 추가
sendMessageAPI	요청을 호출하기 위해 모듈에 메시지를 보냅니다.
스타일API	위젯 테마 또는 개별 구성 요소 편집
uiManagmentAPI	STORE에서 구성요소 설정 변경
설정API	위젯에서 사진 변경
모듈API	대화 모듈 연결
언어API	설정 언어 팩

모든 메소드는 ckStore 에 저장된 정보에 영향을 미치며 위젯 동작 및 표시를 변경할 수 있습니다.

ck스토어

 import { ckStore } from "sova-chatkit"

ckStore 콘텐츠 정보를 전역 키에 저장합니다.

열쇠
메시지	사용자 메시지 기록 및 수신 답변
모듈	대화 모듈 정보
설정	대화 상자 설정 및 해당 상태
언어	설정 언어 팩
스타일	대화 상자 및 개별 구성 요소의 스타일 설정
클라이언트 구성	최상위 위젯 설정
관리	위젯 설정