CHAT UNTUK PEMBANGUN
Kit UI Sembang yang sesuai dengan produk anda.
Mulakan dengan senarai perbualan yang disambungkan, paparan mesej dan ruang mengarang mesej. Sesuaikan antara muka anda dengan komponen khusus platform dan titik penyesuaian yang disokong.
Pemesejan dalam aplikasi anda, mengikut jenama dan peraturan perniagaan anda.
PILIH PLATFORM ANDA
Komponen yang saling berhubung untuk rangka kerja anda.
Bandingkan model komponen, keperluan pemasangan dan pilihan penyesuaian bagi setiap platform.
Chat UI Kit untuk React
Bina pemesejan satu dengan satu dan berkumpulan menggunakan React Chat SDK dan UI Kit Tencent RTC. Tambahkan senarai perbualan, mesej dan ruang karang yang saling berhubung, kemudian sesuaikannya untuk produk anda.
Komponen dan persediaanChat UI Kit untuk React Native
Tambahkan perbualan mudah alih dengan React Native Chat UI Kit Tencent RTC. Integrasikan senarai perbualan yang disambungkan, mesej dan komponen input ke dalam aplikasi iOS dan Android anda.
Komponen dan persediaanChat UI Kit untuk Flutter
Cipta skrin pemesejan bersepadu dengan Flutter Chat UI Kit Tencent RTC. Sesuaikan widget perbualan dan mesej mengikut reka letak serta navigasi produk anda.
Komponen dan persediaanChat UI Kit untuk iOS
Tambahkan skrin pemesejan natif dengan iOS Chat UI Kit Tencent RTC. Mulakan dengan perbualan, mesej dan kenalan, kemudian sesuaikan pengalaman mengikut aplikasi anda.
Komponen dan persediaanChat UI Kit untuk Android
Tambahkan skrin pemesejan Kotlin dengan Android Chat UI Kit Tencent RTC. Integrasikan perbualan, mesej dan kenalan ke dalam aplikasi anda dengan gaya visual yang sepadan.
Komponen dan persediaanKEUPAYAAN PRODUK
Pemesejan yang dibina berasaskan produk anda.
Lihat cara senarai perbualan, paparan mesej dan penyusun mesej berfungsi bersama, serta tempat untuk menerapkan gaya produk dan mesej tersuai anda.
Sesuaikan gaya visual
Gunakan API tema dan sambungan yang disokong untuk menyepadukan sembang dengan sistem visual anda. Selepas penyesuaian, sahkan kontras, mesej panjang, keadaan pemuatan dan tingkah laku reka letak.
Panduan mula pantas React UI Kit ↗Tambahkan pemesejan pada produk anda
Cipta pemapar tersuai untuk tempahan, pesanan atau aktiviti. Kekalkan status transaksi sebenar dan kebenaran tindakan dalam backend yang mengurus aliran kerja tersebut.
Panduan mesej tersuai React ↗Sambungkan navigasi dan status belum dibaca
Sambungkan peti masuk kepada navigasi dan pemberitahuan aplikasi anda. Uji perbualan yang dipilih, laluan kembali, perubahan akaun dan pautan dalam pemberitahuan pada setiap platform sasaran yang disokong.
API komponen React ConversationList ↗Jadikan media kaya sebahagian daripada perbualan
Mulakan dengan komponen mesej imej, fail dan audio yang disokong. Berikan pratonton kepada pengguna sebelum mereka menghantar dan pastikan lampiran mudah dibuka; konfigurasikan had muat naik serta kebenaran natif untuk platform anda.
API mesej JavaScript ↗Pastikan perbualan kumpulan teratur
Gunakan komponen kumpulan dan ahli platform anda untuk memaparkan butiran perbualan serta keahlian. Sambungkan tindakan seperti menyertai, menjemput dan meninggalkan kumpulan kepada model kumpulan dan peraturan akses yang diperlukan oleh produk anda.
Pilih jenis kumpulan Chat yang sesuai ↗Ketersediaan berbeza mengikut SDK, edisi dan pelan perkhidmatan. Semak pelan Chat dan had ciri ↗
POKEKARA · HIBURAN SOSIAL
Bina interaksi di sekitar pengalaman siaran langsung.
Kisah Tencent RTC Pokekara menggabungkan karaoke, bilik siaran langsung dan pemesejan sosial. Kisah ini menerangkan tawaran penyepaduan yang merangkumi Chat API dan UI Kit siap bina.
- Chat dalam pengalaman hiburan
- Komponen untuk digunakan bersama perkhidmatan audio dan video

MENGAPA TENCENT RTC
UI siap guna masih memerlukan integrasi produk.
Chat UI Kit boleh mengurangkan kerja pembangunan komponen, tetapi aplikasi anda masih perlu menyediakan identiti pengguna yang disahkan, kebenaran perbualan, navigasi dan peraturan perniagaan. Mulakan dengan panduan platform yang betul dan semak kebergantungannya sebelum menentukan skop integrasi.
Mulakan dengan komponen yang telah disambungkan
Senarai perbualan, paparan mesej dan penyusun mesej sudah disambungkan kepada keadaan Chat. Ini boleh mengurangkan kerja penyambungan antara muka yang perlu dilaksanakan oleh pasukan anda.
Jadikan produk terasa seperti milik anda sendiri
API tema dan sambungan khusus platform menyokong sembang berjenama serta paparan mesej khusus aplikasi tanpa memerlukan ruang sembang yang berasingan.
Pilih sejauh mana antara muka hendak digunakan
Pilih komponen yang disokong oleh platform anda atau gunakan Core SDK untuk bahagian yang memerlukan kawalan penuh terhadap UI. Semak skop komponen sebelum menganggarkan kerja pembangunan.
CUBA SENDIRI
Rasai sendiri pengalaman perbualan.
Tukar tema dan tambah mesej dalam pratonton antara muka setempat ini. Kemudian buka demo Chat rasmi untuk meneroka pemesejan yang saling berhubung menggunakan akaun ujian.
Pratonton ini menggunakan keadaan setempat dan peserta fiksyen. Pratonton ini tidak bersambung kepada Tencent RTC atau menghantar mesej kepada orang lain.
Susun atur studio yang disemak kini sedia untuk diteliti.
Local UI preview · no message is sent to a service
DARIPADA PENILAIAN KEPADA INTEGRASI
Sambungkan Chat kepada aplikasi anda.
Gunakan panduan mula pantas selected platform terlebih dahulu, kemudian tambahkan pengesahan dan tingkah laku mesej yang diperlukan oleh aplikasi anda.
- 01
Pilih rangka kerja
Pilih React, React Native, Flutter, iOS atau Android dan semak panduan integrasi semasa.
- 02
Pasang dan sahkan identiti
Konfigurasikan kebergantungan yang didokumenkan dan sambungkan UI kepada kelayakan Chat yang dikeluarkan oleh pelayan.
- 03
Sesuaikan dan sahkan
Sesuaikan tema dan navigasi, tambah mesej tersuai dan uji tingkah laku pada peranti sebenar.
Panduan mula pantas React UI Kit
Ikuti panduan mula pantas React, atau pilih panduan natif atau Flutter khusus di atas.
Buka panduan rasmi ↗Panduan mesej tersuai React
Gunakan contoh React untuk memaparkan mesej dan tindakan khusus aplikasi.
Buka panduan rasmi ↗React ConversationList API
Semak keadaan sambungan, navigasi dan titik penggantian yang didokumenkan sebelum membuat penyesuaian.
Buka panduan rasmi ↗Jana UserSig pada pelayan anda
Sambungkan UI Kit anda kepada pengguna yang disahkan oleh backend anda sendiri.
Buka panduan rasmi ↗SEBELUM ANDA MEMBINA
Soalan Lazim Chat UI Kits
Jawapan untuk pasukan produk dan kejuruteraan.
Adakah UI Kit sembang hanya templat visual?
+
Tencent RTC UI Kits mengandungi komponen yang disepadukan dengan fungsi Chat. Penggunaannya masih memerlukan aplikasi, pengesahan, konfigurasi serta SDK dan kebergantungan natif yang berkaitan.
UI Kit chat manakah yang patut saya gunakan untuk React?
+
Gunakan React UI Kit untuk antara muka web. React Native mempunyai pakej berasingan dan memerlukan persediaan natif untuk aplikasi mudah alih; kedua-dua kaedah penyepaduan ini tidak boleh saling menggantikan.
Bolehkah saya menggunakan sebahagian sahaja daripada UI Kit?
+
Modul dan titik peluasan yang tersedia berbeza mengikut platform. Semak dokumentasi terkini untuk memilih komponen atau menggantikan sebahagian daripada pengalaman.
Bolehkah saya menggunakan UI saya sendiri?
+
Ya. Pilih Core Chat SDK untuk skrin tersuai sepenuhnya dan gunakan API pelayan bagi operasi backend anda.
Adakah pratonton visual disambungkan kepada Tencent RTC?
+
Pratonton pada halaman menunjukkan tingkah laku UI setempat menggunakan peserta rekaan. Buka demo rasmi Chat untuk menilai produk yang disambungkan.
Bagaimanakah kami harus memilih antara UI Kit dengan Core SDK?
+
Gunakan UI Kit apabila komponen yang saling terhubung dan titik lanjutannya sesuai dengan produk. Pilih Core SDK apabila anda memerlukan kawalan penuh terhadap pemaparan mesej, navigasi dan interaksi; bandingkan dengan skrin sebenar yang perlu anda bina sendiri jika tidak menggunakannya.
Bagaimanakah saya menyesuaikan UI Kit sembang untuk aplikasi?
+
Pilih tema dan titik peluasan komponen dalam dokumentasi untuk platform. Uji mesej tersuai, navigasi dan kelakuan belum dibaca bersama Chat SDK yang dimulakan.
UI Kit sembang manakah berfungsi dengan React Native atau Flutter?
+
Platform ini mempunyai pakej dan persediaan natif berasingan. Ikuti panduan yang sesuai, jangan guna semula komponen React Web atau anggap API peluasan sama.
TEROKAI PENYELESAIAN BERKAITAN
Cari langkah integrasi seterusnya.
Chat SDK
Pilih Chat SDK untuk JavaScript, iOS, Android, React Native, Flutter, Unity atau Unreal. Bandingkan kaedah integrasi, cuba ciri pemesejan dan mulakan dengan dokumentasi rasmi.
Teroka →Sokongan Pelanggan
Bina chat sokongan pelanggan dalam aplikasi anda. Simpan sejarah mesej, kumpulkan lampiran, sambungkan aliran kerja ejen dan nilai Tencent RTC Chat melalui demo langsung.
Teroka →Komuniti Dalam Talian
Bina sembang komuniti dengan kumpulan, topik, sebutan, pemberitahuan dan kawalan penyederhanaan. Tambahkan pemesejan pada komuniti anda dengan Tencent RTC SDK dan UI Kit.
Teroka →Pasaran
Bina pemesejan pembeli-penjual untuk marketplace anda. Sambungkan penyenaraian, media, kemas kini pesanan, laporan dan pemberitahuan dengan Tencent RTC Chat SDK dan API.
Teroka →RANCANG INTEGRASI ANDA
Mari berbincang tentang
integrasi Chat anda.
Bincangkan platform, pasaran sasaran, jangkaan pengguna aktif bulanan dan garis masa pelancaran anda bersama pasukan Tencent RTC.
Kongsikan keperluan anda.
Dapatkan bantuan untuk menentukan skop pengalaman pemesejan dan integrasi yang diperlukan oleh pasukan anda.
Hubungi pasukan kami↗Teruskan ke borang hubungan rasmi Tencent RTC.Mula membangun dengan Chat ↗
