Langkau ke kandungan

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.

Jenama anda dalam setiap perbualanIlustrasi UI aplikasi

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

Bina skrin perbualan

Bina menggunakan komponen perbualan dan mesej yang saling terhubung, kemudian pilih reka letak dan navigasi di sekelilingnya. Modul yang tersedia berbeza mengikut platform dan keluaran UI Kit.

Panduan mula pantas React UI Kit

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
Baca kisah pelanggan Kes berbilang produk yang diterbitkan; artikel tidak menamakan rangka kerja UI Kit.

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.

Terokai keseluruhan produk Chat dan keupayaannya ↗

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.

Sesuaikan pratonton
Iris MorganPerbualan rekaan

Susun atur studio yang disemak kini sedia untuk diteliti.

Hantar ↑

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.

  1. 01

    Pilih rangka kerja

    Pilih React, React Native, Flutter, iOS atau Android dan semak panduan integrasi semasa.

  2. 02

    Pasang dan sahkan identiti

    Konfigurasikan kebergantungan yang didokumenkan dan sambungkan UI kepada kelayakan Chat yang dikeluarkan oleh pelayan.

  3. 03

    Sesuaikan dan sahkan

    Sesuaikan tema dan navigasi, tambah mesej tersuai dan uji tingkah laku pada peranti sebenar.

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.

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.

Kesesuaian teknikalSkop migrasiPenggunaan & harga

Kongsikan keperluan anda.

Dapatkan bantuan untuk menentukan skop pengalaman pemesejan dan integrasi yang diperlukan oleh pasukan anda.

Hubungi pasukan kamiTeruskan ke borang hubungan rasmi Tencent RTC.
Mula membangun dengan Chat ↗