Lewati ke konten

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.

Brand Anda dalam setiap percakapanIlustrasi UI aplikasi

KEMAMPUAN 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.

Susun layar percakapan

Bangun dengan komponen percakapan dan pesan yang saling terhubung, lalu pilih tata letak dan navigasi di sekitarnya. Modul yang tersedia berbeda menurut platform dan rilis UI Kit.

Panduan mulai cepat React UI Kit

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
Baca kisah pelanggan Kasus multiproduk yang telah dipublikasikan; artikel tidak menyebutkan framework UI Kit.

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.

Jelajahi produk Chat secara menyeluruh beserta kemampuannya ↗

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.

Sesuaikan pratinjau
Iris MorganPercakapan fiktif

Tata letak studio yang telah direvisi siap ditinjau.

Kirim ↑

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.

  1. 01

    Pilih framework

    Pilih React, React Native, Flutter, iOS, atau Android, lalu tinjau panduan integrasi saat ini.

  2. 02

    Instal dan autentikasi

    Konfigurasikan dependensi yang didokumentasikan dan hubungkan UI ke kredensial Chat yang diterbitkan server.

  3. 03

    Sesuaikan dan validasi

    Sesuaikan tema dan navigasi, tambahkan pesan khusus, lalu uji perilakunya di perangkat nyata.

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.

RENCANAKAN INTEGRASI ANDA

Mari diskusikan
integrasi Chat Anda.

Diskusikan platform, target pasar, perkiraan pengguna aktif bulanan, dan jadwal peluncuran Anda dengan tim Tencent RTC.

Kesesuaian teknisCakupan migrasiPenggunaan & harga

Sampaikan kebutuhan Anda.

Dapatkan bantuan untuk menentukan cakupan pengalaman perpesanan dan integrasi yang dibutuhkan tim Anda.

Hubungi tim kamiLanjutkan ke formulir kontak resmi Tencent RTC.
Mulai membangun dengan Chat ↗