개발자를 위한 CHAT
제품에 자연스럽게 들어맞는 채팅 UI 키트.
연결된 대화 목록, 메시지 보기 및 작성 도구로 시작하세요. 플랫폼별 구성 요소와 지원되는 사용자 지정 지점을 활용해 나만의 인터페이스를 만드세요.
앱 안의 메시징. 브랜드와 비즈니스 규칙에 맞게.
플랫폼 선택
프레임워크에 연결되는 컴포넌트.
각 플랫폼의 컴포넌트 모델, 설치 요구 사항 및 사용자 지정 옵션을 비교하세요.
React용 Chat UI Kit
Tencent RTC의 React Chat SDK와 UI Kit을 사용해 일대일 및 그룹 메시징을 구축하세요. 서로 연결된 대화 목록, 메시지, 메시지 작성기를 추가한 후 제품에 맞게 사용자 지정하세요.
컴포넌트 및 설정React Native용 Chat UI Kit
Tencent RTC의 React Native Chat UI Kit로 모바일 대화를 추가하세요. 연동된 대화 목록, 메시지 및 입력 컴포넌트를 iOS와 Android 앱에 통합할 수 있습니다.
컴포넌트 및 설정Flutter용 Chat UI Kit
Tencent RTC의 Flutter Chat UI Kit로 연동된 메시징 화면을 만드세요. 대화 및 메시지 위젯을 제품의 레이아웃과 탐색 구조에 맞게 조정할 수 있습니다.
컴포넌트 및 설정iOS용 Chat UI Kit
Tencent RTC의 iOS Chat UI Kit로 네이티브 메시징 화면을 추가하세요. 대화, 메시지, 연락처로 시작한 뒤 앱에 맞게 사용자 경험을 조정할 수 있습니다.
컴포넌트 및 설정Android용 Chat UI Kit
Tencent RTC의 Android Chat UI Kit로 Kotlin 메시징 화면을 추가하세요. 앱과 어울리는 시각적 스타일로 대화, 메시지 및 연락처를 통합할 수 있습니다.
컴포넌트 및 설정제품 기능
제품을 중심으로 구축된 메시징.
대화 목록, 메시지 보기, 작성기가 어떻게 함께 작동하는지, 제품 스타일과 사용자 지정 메시지를 어디에 적용할 수 있는지 확인하세요.
시각적 스타일 조정
지원되는 테마 및 확장 API를 사용해 채팅을 시각 디자인 체계에 통합하세요. 맞춤 설정 후 대비, 긴 메시지, 로딩 상태, 레이아웃 동작을 검증하세요.
React UI Kit 빠른 시작 ↗제품에 메시징 기능 추가
예약, 주문 또는 활동을 위한 커스텀 렌더러를 만드세요. 실제 트랜잭션 상태와 작업 권한 부여는 해당 워크플로를 소유한 백엔드에서 관리하세요.
React 커스텀 메시지 가이드 ↗내비게이션과 읽지 않음 상태 연결
받은 편지함을 앱의 탐색 및 알림에 연결하세요. 지원되는 모든 대상 플랫폼에서 선택한 대화, 복귀 경로, 계정 변경 및 알림 딥 링크를 테스트하세요.
React ConversationList 컴포넌트 API ↗리치 미디어를 대화의 일부로 활용
먼저 지원되는 이미지, 파일 및 오디오 메시지 컴포넌트를 사용하세요. 사용자가 전송 전에 미리 볼 수 있게 하고 첨부 파일을 쉽게 열 수 있도록 구성하세요. 플랫폼에 맞게 업로드 제한과 네이티브 권한도 설정하세요.
JavaScript 메시지 API ↗그룹 대화를 체계적으로 관리
플랫폼의 그룹 및 구성원 컴포넌트를 사용해 대화 세부 정보와 구성원 정보를 표시하세요. 참여, 초대, 나가기 같은 작업을 제품에 필요한 그룹 모델과 액세스 규칙에 연결하세요.
적합한 Chat 그룹 유형 선택 ↗사용 가능 여부는 SDK, 에디션 및 서비스 플랜에 따라 다릅니다. Chat 요금제 및 기능 제한 보기 ↗
POKEKARA · 소셜 엔터테인먼트
라이브 경험을 중심으로 상호작용을 구축하세요.
Pokekara의 Tencent RTC 사례는 노래방, 라이브 룸, 소셜 메시징을 하나로 연결합니다. Chat API와 사전 구축된 UI Kit를 포함하는 통합 서비스를 소개합니다.
- 엔터테인먼트 경험 속 채팅
- 오디오 및 비디오 서비스와 함께 사용하는 컴포넌트

왜 텐센트 RTC인가
기성 UI도 제품 통합이 필요합니다.
채팅 UI Kit을 사용하면 컴포넌트 개발 작업을 줄일 수 있지만, 인증된 사용자 ID, 대화 권한, 탐색 및 비즈니스 규칙은 여전히 앱에서 제공해야 합니다. 통합 범위를 결정하기 전에 올바른 플랫폼 가이드를 확인하고 해당 종속성을 검토하세요.
연결된 컴포넌트로 시작
대화 목록, 메시지 보기 및 메시지 작성기가 이미 Chat 상태와 연결되어 있습니다. 따라서 팀에서 구현해야 하는 인터페이스 연결 작업을 줄일 수 있습니다.
제품이 나만의 것처럼 느껴지도록 구성
플랫폼별 테마 및 확장 API를 통해 별도의 채팅 화면 없이도 브랜드에 맞는 채팅과 애플리케이션별 메시지 표시를 지원합니다.
도입할 인터페이스 범위 선택
플랫폼에서 지원하는 컴포넌트를 선택하거나 UI를 완전히 제어해야 하는 영역에는 Core SDK를 사용하세요. 개발 규모를 산정하기 전에 컴포넌트 범위를 검토하세요.
직접 체험하기
대화 경험을 확인해 보세요.
이 로컬 인터페이스 미리보기에서 테마를 변경하고 메시지를 추가해 보세요. 그런 다음 공식 Chat 데모를 열어 테스트 계정으로 연동 메시징을 체험하세요.
이 미리보기는 로컬 상태와 가상 참여자를 사용합니다. Tencent RTC에 연결하거나 다른 사람에게 메시지를 보내지 않습니다.
수정된 스튜디오 레이아웃을 검토할 준비가 되었습니다.
Local UI preview · no message is sent to a service
평가부터 통합까지
Chat을 애플리케이션에 연결하세요.
먼저 selected platform 빠른 시작을 사용한 다음 인증과 애플리케이션에 필요한 메시지 동작을 추가하세요.
- 01
프레임워크 선택
React, React Native, Flutter, iOS 또는 Android를 선택하고 현재 통합 가이드를 확인하세요.
- 02
설치 및 인증
문서에 명시된 종속성을 구성하고 UI를 서버에서 발급한 Chat 자격 증명에 연결하세요.
- 03
맞춤 설정 및 검증
테마와 탐색을 조정하고 맞춤 메시지를 추가한 후 실제 기기에서 동작을 테스트하세요.
React UI Kit 빠른 시작
React 빠른 시작을 따르거나 위에서 전용 네이티브 또는 Flutter 가이드를 선택하세요.
공식 가이드 열기 ↗React 커스텀 메시지 가이드
React 예제를 사용하여 애플리케이션별 메시지와 작업을 렌더링하세요.
공식 가이드 열기 ↗React ConversationList API
맞춤 설정하기 전에 연결 상태, 내비게이션 및 문서화된 교체 지점을 검토하세요.
공식 가이드 열기 ↗서버에서 UserSig 생성
자체 백엔드에서 인증한 사용자를 UI Kit에 연결하세요.
공식 가이드 열기 ↗구축 전 확인 사항
Chat UI Kits 자주 묻는 질문
제품 및 엔지니어링 팀을 위한 답변입니다.
채팅 UI Kit은 단순한 시각적 템플릿인가요?
+
Tencent RTC UI Kits에는 Chat 기능과 연동되는 컴포넌트가 포함되어 있습니다. 사용하려면 애플리케이션, 인증, 구성, 관련 SDK 및 네이티브 종속성이 여전히 필요합니다.
React에는 어떤 채팅 UI Kit를 사용해야 하나요?
+
웹 인터페이스에는 React UI Kit을 사용하세요. React Native에는 별도의 패키지가 있으며 모바일 앱을 위한 네이티브 설정이 필요합니다. 두 통합 방식은 서로 호환되지 않습니다.
UI Kit의 일부만 사용할 수 있나요?
+
사용 가능한 모듈과 확장 지점은 플랫폼마다 다릅니다. 최신 문서를 검토하여 구성 요소를 선택하거나 경험의 일부를 교체하세요.
자체 UI를 사용할 수 있나요?
+
예. 완전히 사용자 지정된 화면에는 Core Chat SDK를 선택하고 백엔드 작업에는 서버 API를 사용하세요.
시각적 미리 보기가 Tencent RTC에 연결되나요?
+
페이지 내 미리보기는 가상의 참여자로 로컬 UI 동작을 보여 줍니다. 연결된 제품을 평가하려면 공식 Chat 데모를 여세요.
UI Kit과 Core SDK 중 무엇을 선택해야 하나요?
+
UI Kit의 연결된 컴포넌트와 확장 지점이 제품에 적합하다면 UI Kit을 사용하세요. 메시지 렌더링, 탐색 및 상호작용을 완전히 제어해야 한다면 Core SDK를 선택하고, 그렇지 않을 경우 직접 구현해야 할 실제 화면과 비교하세요.
앱용 채팅 UI Kit을 어떻게 사용자 지정하나요?
+
플랫폼 문서의 테마 및 컴포넌트 확장 지점을 선택하세요. 초기화된 Chat SDK와 함께 사용자 지정 메시지, 탐색, 읽지 않음 동작을 테스트하세요.
React Native 또는 Flutter에서 어떤 채팅 UI Kit을 사용할 수 있나요?
+
각 플랫폼에는 별도 패키지와 네이티브 설정이 있습니다. React Web 컴포넌트를 재사용하거나 확장 API가 같다고 가정하지 말고 해당 가이드를 따르세요.
관련 솔루션 살펴보기
다음 연동 단계를 확인하세요.
Chat SDK
JavaScript, iOS, Android, React Native, Flutter, Unity 또는 Unreal용 Chat SDK를 선택하세요. 통합 방식을 비교하고 메시징을 체험한 후 공식 문서를 통해 개발을 시작할 수 있습니다.
살펴보기 →고객 지원
앱 안에 고객 지원 채팅을 구축하세요. 메시지 기록을 보관하고 첨부 파일을 수집하며 상담원 워크플로를 연결하고 라이브 데모로 Tencent RTC Chat을 평가할 수 있습니다.
살펴보기 →온라인 커뮤니티
그룹, 주제, 멘션, 알림, 운영 관리 기능을 갖춘 커뮤니티 채팅을 구축하세요. Tencent RTC SDK와 UI Kit을 사용해 커뮤니티에 메시징 기능을 추가하세요.
살펴보기 →시장
마켓플레이스를 위한 구매자-판매자 메시징을 구축하세요. Tencent RTC Chat SDK 및 API로 상품 목록, 미디어, 주문 업데이트, 신고, 알림을 연결할 수 있습니다.
살펴보기 →통합 계획
상담 주제:
Chat 통합.
플랫폼, 목표 시장, 예상 월간 활성 사용자 수, 출시 일정을 Tencent RTC 팀과 논의하세요.
요구 사항을 알려주세요.
메시징 경험과 팀에 필요한 통합 범위를 정하는 데 도움을 받으세요.
팀에 문의하세요↗Tencent RTC 공식 문의 양식으로 이동하세요.Chat으로 구축 시작하기 ↗
