다음을 위해 설계됨: REACT NATIVE
React Native
Chat SDK
Tencent RTC의 React Native Chat SDK로 모바일 메시징을 구축하세요. 자체 화면과 네이티브 상호작용을 유지하면서 iOS와 Android에서 채팅 로직을 공유할 수 있습니다.
개발자 리소스
React Native용 Chat SDK 문서 및 예제
REACT NATIVE 채팅 기능
제품을 위한 메시징 기반
일대일 대화
- 일대일 메시지
- 자체 인터페이스
그룹 메시징
- 공유 대화
- 멤버십 API
리치 메시지
- 텍스트 및 미디어
- 사용자 지정 애플리케이션 콘텐츠
대화 상태
- 기록 및 읽지 않은 메시지 수
- 애플리케이션 스토어
사용자 ID
- 자체 사용자 ID
- UserSig 인증
앱 통합
- React Native APIs
- 플랫폼별 수명 주기
React Native Chat APIs 살펴보기
애플리케이션 연결에 필요한 API부터 시작하세요.
하나의 메시징 계층, 두 개의 플랫폼
사용자를 연결하기 전에 업로드 및 네트워크 플러그인을 등록하세요.
문서 읽기import TencentCloudChat from '@tencentcloud/chat';
import NetInfo from '@react-native-community/netinfo';
import TIMUploadPlugin from 'tim-upload-plugin';
const chat = TencentCloudChat.create({ SDKAppID });
chat.registerPlugin({ 'chat-network-monitor': NetInfo });
chat.registerPlugin({ 'tim-upload-plugin': TIMUploadPlugin });대화를 계속 이어가세요
로그인하고 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);
// Dispose your listener when the subscription ends.
chat.off(TencentCloudChat.EVENT.MESSAGE_RECEIVED, onMessages);시작하기
첫 대화는 여기서 시작됩니다
- 01
- 02
- 03
npm install @tencentcloud/chat tim-upload-plugin @react-native-community/netinfoimport TencentCloudChat from '@tencentcloud/chat';
import NetInfo from '@react-native-community/netinfo';
import TIMUploadPlugin from 'tim-upload-plugin';
const chat = TencentCloudChat.create({ SDKAppID });
chat.registerPlugin({ 'chat-network-monitor': NetInfo });
chat.registerPlugin({ 'tim-upload-plugin': TIMUploadPlugin });React Native Chat SDK FAQ
SDK가 네이티브 플랫폼 설정을 처리하나요?
메시징 레이어는 공유되지만 네이티브 모듈, 미디어 권한, 푸시 구성 및 기기 빌드는 여전히 플랫폼별 설정이 필요합니다. 지원되는 패키지 조합은 React Native SDK 가이드를 따르세요.
React Native Chat SDK에 즉시 사용할 수 있는 UI가 포함되어 있나요?
SDK는 메시징 API와 이벤트를 제공합니다. 채팅 화면은 애플리케이션에서 구축합니다. 그림은 구현 가능한 앱 경험의 예시입니다.
React Native Chat SDK 사용자를 인증하려면 어떻게 해야 하나요?
백엔드에서 프로덕션 UserSig를 생성하세요. 인증을 위해 클라이언트에 전달하고 애플리케이션 비밀 키는 서버에 보관하세요.
이 React Native 코드 조각만으로 완전한 애플리케이션을 만들 수 있나요?
각 연동 단계를 보여 줍니다. 가져오기, 초기화, 로그인, 오류 처리 및 대상별 구성은 전체 가이드를 따르세요. 출시 전에 별도 계정으로 메시징을 테스트하세요.
React Native Chat SDK 사용 요금은 어떻게 책정되나요?
호스팅 Chat 서비스 사용은 선택한 요금제를 따릅니다. 애플리케이션에 제공되는 기능과 한도를 확인하세요. 선택적 플러그인과 Call 서비스에는 별도 요구 사항이 적용될 수 있습니다.
React Native 프로젝트에 React Native Chat SDK를 통합하려면 어떻게 해야 하나요?
문서화된 패키지와 네이티브 의존성을 설치한 뒤 네이티브 앱을 다시 빌드하세요. JavaScript만으로 실행된다고 가정하지 말고 권한, 수명 주기와 네이티브 콜백을 확인하세요.
앱 출시 전에 React Native Chat SDK를 어떻게 테스트하나요?
로그인, SDK 준비 상태, 송수신 이벤트, 재연결 후 메시지 상태를 확인하세요.
React Native Chat SDK의 인터페이스를 어떻게 맞춤 설정하나요?
문서에 명시된 SDK 이벤트로 대화 목록, 메시지 렌더링, 작성기를 직접 만드세요.

