CHAT UNTUK DEVELOPER
UI Kit obrolan yang menyatu dengan produk Anda.
Mulai dengan daftar percakapan yang terhubung, tampilan pesan, dan penyusun pesan. Sesuaikan antarmuka dengan komponen khusus platform dan titik penyesuaian yang didukung.
Perpesanan di dalam aplikasi Anda, sesuai dengan merek dan aturan bisnis Anda.
PILIH PLATFORM ANDA
Komponen yang saling terhubung untuk framework Anda.
Bandingkan model komponen, persyaratan instalasi, dan opsi penyesuaian untuk setiap platform.
Chat UI Kit untuk React
Bangun perpesanan pribadi dan grup dengan React Chat SDK dan UI Kit dari Tencent RTC. Tambahkan daftar percakapan, pesan, dan kolom penulisan pesan yang saling terhubung, lalu sesuaikan untuk produk Anda.
Komponen dan penyiapanChat UI Kit untuk React Native
Tambahkan percakapan seluler dengan React Native Chat UI Kit dari Tencent RTC. Integrasikan daftar percakapan yang terhubung, pesan, dan komponen input ke aplikasi iOS dan Android Anda.
Komponen dan penyiapanChat UI Kit untuk Flutter
Buat layar perpesanan terintegrasi dengan Flutter Chat UI Kit dari Tencent RTC. Sesuaikan widget percakapan dan pesan dengan tata letak serta navigasi produk Anda.
Komponen dan penyiapanChat UI Kit untuk iOS
Tambahkan layar perpesanan native dengan iOS Chat UI Kit Tencent RTC. Mulai dengan percakapan, pesan, dan kontak, lalu sesuaikan pengalaman dengan aplikasi Anda.
Komponen dan penyiapanChat UI Kit untuk Android
Tambahkan layar perpesanan Kotlin dengan Android Chat UI Kit dari Tencent RTC. Integrasikan percakapan, pesan, dan kontak ke aplikasi Anda dengan gaya visual yang selaras.
Komponen dan penyiapanKEMAMPUAN PRODUK
Perpesanan yang dirancang untuk produk Anda.
Lihat bagaimana daftar percakapan, tampilan pesan, dan penyusun pesan bekerja bersama, serta tempat untuk menerapkan gaya produk dan pesan khusus Anda.
Sesuaikan gaya visual
Gunakan API tema dan ekstensi yang didukung untuk mengintegrasikan chat ke dalam sistem visual Anda. Setelah penyesuaian, validasi kontras, pesan panjang, status pemuatan, dan perilaku tata letak.
Panduan mulai cepat React UI Kit ↗Tambahkan fitur perpesanan ke produk Anda
Buat renderer khusus untuk pemesanan, pesanan, atau aktivitas. Simpan status transaksi sebenarnya dan otorisasi tindakan di backend yang mengelola alur kerja tersebut.
Panduan pesan khusus React ↗Hubungkan navigasi dan status belum dibaca
Hubungkan kotak masuk ke navigasi dan notifikasi aplikasi Anda. Uji percakapan yang dipilih, jalur kembali, perubahan akun, dan deep link notifikasi pada setiap platform target yang didukung.
API komponen React ConversationList ↗Jadikan media kaya sebagai bagian dari percakapan
Mulailah dengan komponen pesan gambar, file, dan audio yang didukung. Berikan pratinjau sebelum pengguna mengirim dan pastikan lampiran mudah dibuka; konfigurasikan batas unggahan serta izin native untuk platform Anda.
API pesan JavaScript ↗Jaga percakapan grup tetap teratur
Gunakan komponen grup dan anggota platform Anda untuk menampilkan detail percakapan dan keanggotaan. Hubungkan tindakan seperti bergabung, mengundang, dan keluar dengan model grup serta aturan akses yang dibutuhkan produk Anda.
Pilih jenis grup Chat yang tepat ↗Ketersediaan bervariasi berdasarkan SDK, edisi, dan paket layanan. Tinjau paket Chat dan batas fitur ↗
POKEKARA · HIBURAN SOSIAL
Bangun interaksi di sekitar pengalaman live.
Kisah Tencent RTC dari Pokekara memadukan karaoke, ruang live, dan perpesanan sosial. Kisah ini menjelaskan penawaran integrasi yang mencakup Chat API dan UI Kit siap pakai.
- Chat dalam pengalaman hiburan
- Komponen untuk digunakan bersama layanan audio dan video

MENGAPA TENCENT RTC
UI siap pakai tetap memerlukan integrasi produk.
Chat UI Kit dapat mengurangi pekerjaan pengembangan komponen, tetapi aplikasi Anda tetap harus menyediakan identitas pengguna yang terautentikasi, izin percakapan, navigasi, dan aturan bisnis. Mulailah dengan panduan platform yang tepat dan periksa dependensinya sebelum menentukan cakupan integrasi.
Mulai dengan komponen yang telah terhubung
Daftar percakapan, tampilan pesan, dan penyusun pesan sudah terhubung ke status Chat. Hal ini dapat mengurangi pekerjaan penghubungan antarmuka yang perlu diterapkan tim Anda.
Buat produk terasa seperti milik Anda sendiri
API tema dan ekstensi khusus platform mendukung chat bermerek dan penyajian pesan khusus aplikasi tanpa memerlukan ruang chat terpisah.
Pilih seberapa banyak antarmuka yang akan digunakan
Pilih komponen yang didukung platform Anda, atau gunakan Core SDK untuk area yang memerlukan kendali penuh atas UI. Tinjau cakupan komponen sebelum memperkirakan pekerjaan pengembangan.
COBA PENGALAMANNYA
Rasakan langsung pengalaman percakapannya.
Ubah tema dan tambahkan pesan dalam pratinjau antarmuka lokal ini. Lalu buka demo Chat resmi untuk menjelajahi perpesanan yang saling terhubung menggunakan akun pengujian.
Pratinjau ini menggunakan state lokal dan peserta fiktif. Pratinjau ini tidak terhubung ke Tencent RTC atau mengirim pesan kepada orang lain.
Tata letak studio yang telah direvisi siap ditinjau.
Local UI preview · no message is sent to a service
DARI EVALUASI HINGGA INTEGRASI
Hubungkan Chat ke aplikasi Anda.
Gunakan panduan mulai cepat selected platform terlebih dahulu, lalu tambahkan autentikasi dan perilaku pesan yang diperlukan aplikasi Anda.
- 01
Pilih framework
Pilih React, React Native, Flutter, iOS, atau Android, lalu tinjau panduan integrasi saat ini.
- 02
Instal dan autentikasi
Konfigurasikan dependensi yang didokumentasikan dan hubungkan UI ke kredensial Chat yang diterbitkan server.
- 03
Sesuaikan dan validasi
Sesuaikan tema dan navigasi, tambahkan pesan khusus, lalu uji perilakunya di perangkat nyata.
Panduan mulai cepat React UI Kit
Ikuti panduan mulai cepat React, atau pilih panduan native maupun Flutter khusus di atas.
Buka panduan resmi ↗Panduan pesan khusus React
Gunakan contoh React untuk merender pesan dan tindakan khusus aplikasi.
Buka panduan resmi ↗React ConversationList API
Tinjau status terhubung, navigasi, dan titik penggantian yang didokumentasikan sebelum melakukan penyesuaian.
Buka panduan resmi ↗Buat UserSig di server Anda
Hubungkan UI Kit Anda ke pengguna yang diautentikasi oleh backend Anda sendiri.
Buka panduan resmi ↗SEBELUM ANDA MEMBANGUN
FAQ Chat UI Kits
Jawaban untuk tim produk dan teknik.
Apakah UI Kit chat hanya merupakan templat visual?
+
Tencent RTC UI Kits berisi komponen yang terintegrasi dengan fungsi Chat. Penggunaannya tetap memerlukan aplikasi, autentikasi, konfigurasi, serta SDK dan dependensi native yang relevan.
UI Kit chat mana yang sebaiknya saya gunakan untuk React?
+
Gunakan React UI Kit untuk antarmuka web. React Native memiliki paket terpisah dan memerlukan penyiapan native untuk aplikasi seluler; kedua jalur integrasi tersebut tidak dapat dipertukarkan.
Dapatkah saya hanya menggunakan sebagian dari UI Kit?
+
Modul dan titik ekstensi yang tersedia berbeda menurut platform. Tinjau dokumentasi terkini untuk memilih komponen atau mengganti bagian tertentu dari pengalaman.
Dapatkah saya menggunakan UI sendiri?
+
Ya. Pilih Core Chat SDK untuk layar yang sepenuhnya kustom dan gunakan API server untuk operasi backend Anda.
Apakah pratinjau visual terhubung ke Tencent RTC?
+
Pratinjau di halaman menunjukkan perilaku UI lokal dengan peserta fiktif. Buka demo resmi Chat untuk mengevaluasi produk yang terhubung.
Bagaimana cara memilih antara UI Kit dan Core SDK?
+
Gunakan UI Kit jika komponen terhubung dan titik ekstensinya sesuai dengan produk. Pilih Core SDK jika Anda memerlukan kendali penuh atas rendering pesan, navigasi, dan interaksi; bandingkan dengan layar nyata yang harus Anda implementasikan sendiri jika tidak menggunakannya.
Bagaimana menyesuaikan UI Kit obrolan untuk aplikasi?
+
Pilih tema dan titik ekstensi komponen dalam dokumentasi untuk platform. Uji pesan khusus, navigasi, dan perilaku belum dibaca bersama Chat SDK yang diinisialisasi.
UI Kit obrolan apa yang bekerja dengan React Native atau Flutter?
+
Platform ini memiliki paket dan pengaturan native terpisah. Ikuti panduan yang sesuai, jangan memakai ulang komponen React Web atau menganggap API ekstensi identik.
JELAJAHI SOLUSI TERKAIT
Temukan langkah integrasi Anda berikutnya.
Chat SDK
Pilih Chat SDK untuk JavaScript, iOS, Android, React Native, Flutter, Unity, atau Unreal. Bandingkan metode integrasi, coba fitur perpesanan, dan mulai dengan dokumentasi resmi.
Jelajahi →Dukungan Pelanggan
Bangun chat dukungan pelanggan di dalam aplikasi Anda. Simpan riwayat pesan, kumpulkan lampiran, hubungkan alur kerja agen, dan evaluasi Tencent RTC Chat melalui demo langsung.
Jelajahi →Komunitas Online
Bangun chat komunitas dengan grup, topik, sebutan, notifikasi, dan kontrol moderasi. Tambahkan fitur perpesanan ke komunitas Anda dengan Tencent RTC SDK dan UI Kit.
Jelajahi →Lokapasar
Bangun perpesanan pembeli-penjual untuk marketplace Anda. Hubungkan listing, media, pembaruan pesanan, pelaporan, dan notifikasi dengan Tencent RTC Chat SDK dan API.
Jelajahi →RENCANAKAN INTEGRASI ANDA
Mari diskusikan
integrasi Chat Anda.
Diskusikan platform, target pasar, perkiraan pengguna aktif bulanan, dan jadwal peluncuran Anda dengan tim Tencent RTC.
Sampaikan kebutuhan Anda.
Dapatkan bantuan untuk menentukan cakupan pengalaman perpesanan dan integrasi yang dibutuhkan tim Anda.
Hubungi tim kami↗Lanjutkan ke formulir kontak resmi Tencent RTC.Mulai membangun dengan Chat ↗
