다음을 위해 설계됨: ANDROID

Android
Chat UI Kit

Tencent RTC의 Android Chat UI Kit로 Kotlin 메시징 화면을 추가하세요. 앱과 어울리는 시각적 스타일로 대화, 메시지 및 연락처를 통합할 수 있습니다.

개발자 리소스

Android용 Chat UI Kit 문서 및 예제

ANDROID 채팅 기능

연결할 준비가 된 핵심 기능

대화 목록

  • 최근 대화
  • 읽지 않은 메시지 표시

메시징 UI

  • 연동된 메시지 보기
  • 통합 메시지 작성기

미디어 공유

  • 사진 및 첨부 파일
  • 네이티브 미디어 권한

사용자 및 그룹

  • 일대일 대화
  • 그룹 상호작용

내 것으로 만들기

  • UI 소스 코드 조정
  • 내비게이션에 맞게 조정

연결된 컴포넌트

  • 기반이 되는 Chat SDK
  • 애플리케이션 식별 정보

Android Chat Components 살펴보기

컴포넌트가 어떻게 연동되는지 살펴보세요.

대화

대화 목록부터 시작하기

목록 페이지를 추가하고 대화를 탭하는 동작을 앱 탐색에 연결하세요.

문서 읽기
ConversationsActivity.kt
import io.trtc.tuikit.chat.uikit.pages.ConversationsPageView

val page = ConversationsPageView(this)
page.setHeaderTitle("Messages")
page.onConversationClick = { conversationID ->
    // Open your ChatPageView with this conversationID.
}
setContentView(page)

커스터마이징

Android 채팅 UI 맞춤 설정

고유한 시각적 스타일과 애플리케이션 흐름을 채팅에 적용하세요.

브랜드에 자연스럽게 어울리는 경험

기본 색상을 설정하고 ThemeStore를 사용해 라이트 테마와 다크 테마를 전환하세요.

문서 읽기

시작하기

첫 대화는 여기서 시작됩니다

  1. 01

    앱 만들기

    Chat 애플리케이션과 테스트 사용자를 설정하세요.

    Chat 콘솔 열기
  2. 02

    Android용 Chat UI Kit 추가

    플랫폼 가이드에 따라 프로젝트를 연결하세요.

    통합 가이드 따르기
  3. 03

    사용자 연결

    테스트 사용자 2명으로 로그인하고 첫 메시지를 보내세요.

    사용자 연결
Android용 Chat UI Kit
app/build.gradle.kts
// After importing the modules in settings.gradle.kts
dependencies {
    implementation(project(":uikit"))
    implementation(project(":atomic_x"))
}
ConversationsActivity.kt
import io.trtc.tuikit.chat.uikit.pages.ConversationsPageView

val page = ConversationsPageView(this)
page.setHeaderTitle("Messages")
page.onConversationClick = { conversationID ->
    // Open your ChatPageView with this conversationID.
}
setContentView(page)

Android Chat UI Kit FAQ

현재 Android UI Kit의 요구 사항은 무엇인가요?

현재 가이드는 Kotlin, uikit 및 atomic_x 모듈과 LoginStore를 사용합니다. ChatPageView 호스트에는 Material Components 테마가 필요하며 소멸 시 뷰를 해제해야 합니다. 모듈 가져오기, 네이티브 권한 및 선택적 Call 종속성은 가이드를 따르세요.

Android UI Kit는 SDK와 어떻게 다른가요?

UI Kit은 메시징 SDK 위에 연동된 인터페이스 컴포넌트를 추가합니다. 전체 인터페이스를 직접 구축하려면 Core SDK를 사용하세요.

Android Chat UI Kit 사용자를 인증하려면 어떻게 해야 하나요?

백엔드에서 프로덕션 UserSig를 생성하세요. 인증을 위해 클라이언트에 전달하고 애플리케이션 비밀 키는 서버에 보관하세요.

이 Android 코드 조각만으로 완전한 애플리케이션을 만들 수 있나요?

각 연동 단계를 보여 줍니다. 가져오기, 초기화, 로그인, 오류 처리 및 대상별 구성은 전체 가이드를 따르세요. 출시 전에 별도 계정으로 메시징을 테스트하세요.

Android Chat UI Kit 사용 요금은 어떻게 책정되나요?

호스팅 Chat 서비스 사용은 선택한 요금제를 따릅니다. 애플리케이션에 제공되는 기능과 한도를 확인하세요. 선택적 플러그인과 Call 서비스에는 별도 요구 사항이 적용될 수 있습니다.

Kotlin 또는 Java 프로젝트에 Android Chat UI Kit를 통합하려면 어떻게 해야 하나요?

Android 프로젝트와 manifest 설정을 따르고 필요한 런타임 권한과 Activity 정리를 처리하세요. 앱의 백그라운드 및 포그라운드 전환을 포함해 실제 기기에서 테스트하세요.

앱 출시 전에 Android Chat UI Kit를 어떻게 테스트하나요?

로그인, SDK 준비 상태, 송수신 이벤트, 재연결 후 메시지 상태를 확인하세요.

Android Chat UI Kit의 인터페이스를 어떻게 맞춤 설정하나요?

React 방식의 props 대신 네이티브 페이지 객체를 설정하세요. 예를 들어 ConversationsPageView.setHeaderTitle("Messages")를 호출하고 onConversationClick을 자체 ChatPageView 화면에 연결할 수 있습니다. ChatPageView를 호스팅하는 Activity는 Material Components 테마를 사용해야 합니다. 테마 속성이 빠지면 런타임 충돌이 발생할 수 있습니다. 탐색 흐름을 맞춤 설정할 때 선택한 대화 ID를 유지하고, 소스 변경 사항은 가져온 Chat 모듈에서 관리하세요.

다음 단계에 필요한 지원 찾기

다음 대화 경험 구축하기

Android용 Chat UI Kit으로 app을 구축하세요.