다음을 위해 설계됨: JAVASCRIPT
JavaScript
Chat SDK
Tencent RTC의 JavaScript Chat SDK로 웹 메시징을 구축하세요. 메시지, 미디어 및 그룹을 자체 브라우저 인터페이스에 연결할 수 있습니다.
개발자 리소스
JavaScript용 Chat SDK 문서 및 예제
JAVASCRIPT 채팅 기능
제품을 위한 메시징 기반
일대일 대화
- 일대일 메시지
- 자체 인터페이스
그룹 메시징
- 공유 대화
- 멤버십 API
리치 메시지
- 텍스트 및 미디어
- 사용자 지정 애플리케이션 콘텐츠
대화 상태
- 기록 및 읽지 않은 메시지 수
- 애플리케이션 스토어
사용자 ID
- 자체 사용자 ID
- UserSig 인증
앱 통합
- JavaScript APIs
- 플랫폼별 수명 주기
JavaScript Chat APIs 살펴보기
애플리케이션 연결에 필요한 API부터 시작하세요.
사용자부터 시작하세요
Chat 인스턴스를 생성하고 인증된 사용자를 연결합니다.
문서 읽기import TencentCloudChat from '@tencentcloud/lite-chat';
const chat = TencentCloudChat.create({ SDKAppID });
await chat.login({ userID, userSig });입력 내용을 대화로 전환
SDK_READY 후 텍스트를 전송하고 자체 인터페이스에 메시지 상태를 렌더링하세요.
문서 읽기const message = chat.createTextMessage({
to: recipientID,
conversationType: TencentCloudChat.TYPES.CONV_C2C,
payload: { text: 'See you there!' },
});
await chat.sendMessage(message);인터페이스 동기화 유지
수신 메시지를 리스닝하고 더 이상 필요하지 않을 때 핸들러를 제거하세요.
문서 읽기chat.on(TencentCloudChat.EVENT.MESSAGE_RECEIVED, onMessages);
// When your subscription ends:
chat.off(TencentCloudChat.EVENT.MESSAGE_RECEIVED, onMessages);시작하기
첫 대화는 여기서 시작됩니다
- 01
- 02
- 03
npm install @tencentcloud/lite-chatimport TencentCloudChat from '@tencentcloud/lite-chat';
const chat = TencentCloudChat.create({ SDKAppID });
await chat.login({ userID, userSig });JavaScript Chat SDK FAQ
어떤 JavaScript SDK 에디션을 사용해야 하나요?
V4 패키지는 Basic, Standard 및 Professional 에디션을 제공합니다. 기본 가져오기는 Standard입니다. 필요한 기능에 맞는 에디션과 플러그인을 선택하세요. V3 통합에는 별도의 가이드가 있습니다.
JavaScript Chat SDK에 즉시 사용할 수 있는 UI가 포함되어 있나요?
SDK는 메시징 API와 이벤트를 제공합니다. 채팅 화면은 애플리케이션에서 구축합니다. 그림은 구현 가능한 앱 경험의 예시입니다.
JavaScript Chat SDK 사용자를 인증하려면 어떻게 해야 하나요?
백엔드에서 프로덕션 UserSig를 생성하세요. 인증을 위해 클라이언트에 전달하고 애플리케이션 비밀 키는 서버에 보관하세요.
이 JavaScript 코드 조각만으로 완전한 애플리케이션을 만들 수 있나요?
각 연동 단계를 보여 줍니다. 가져오기, 초기화, 로그인, 오류 처리 및 대상별 구성은 전체 가이드를 따르세요. 출시 전에 별도 계정으로 메시징을 테스트하세요.
JavaScript Chat SDK 사용 요금은 어떻게 책정되나요?
호스팅 Chat 서비스 사용은 선택한 요금제를 따릅니다. 애플리케이션에 제공되는 기능과 한도를 확인하세요. 선택적 플러그인과 Call 서비스에는 별도 요구 사항이 적용될 수 있습니다.
JavaScript 프로젝트에 JavaScript Chat SDK를 통합하려면 어떻게 해야 하나요?
인증된 사용자로 문서의 JavaScript 패키지를 초기화하세요. SDK 준비 및 메시지 이벤트를 구독하고 해당 뷰가 끝날 때 리스너를 제거하세요.
앱 출시 전에 JavaScript Chat SDK를 어떻게 테스트하나요?
로그인, SDK 준비 상태, 송수신 이벤트, 재연결 후 메시지 상태를 확인하세요.
JavaScript Chat SDK의 인터페이스를 어떻게 맞춤 설정하나요?
문서에 명시된 SDK 이벤트로 대화 목록, 메시지 렌더링, 작성기를 직접 만드세요.

