DIBINA UNTUK REACT NATIVE
React Native
Chat SDK
Bina pemesejan mudah alih dengan React Native Chat SDK Tencent RTC. Kongsi logik sembang merentas iOS dan Android sambil mengekalkan skrin dan interaksi natif anda sendiri.
SUMBER PEMBANGUN
Dokumentasi & Contoh Chat SDK untuk React Native
Panduan Integrasi
Pasang Chat SDK untuk React Native dan hantar mesej ujian.
Contoh & Sumber
Terokai pengalaman pemesejan dan sumber rasmi untuk pembangun.
Kongsi detik ini
Sambungkan pemilih foto natif anda kepada perbualan yang membantu pengguna kekal rapat.
Pastikan projek terus bergerak
Bawa fail dikongsi dan perbincangan pasukan ke dalam alat mudah alih yang sudah digunakan oleh orang ramai.
KEUPAYAAN SEMBANG REACT NATIVE
Asas pemesejan untuk produk anda
Perbualan langsung
- Mesej satu dengan satu
- Antara muka anda sendiri
Pemesejan kumpulan
- Perbualan dikongsi
- API keahlian
Mesej kaya
- Teks dan media
- Kandungan aplikasi tersuai
Status perbualan
- Sejarah dan bilangan yang belum dibaca
- Storan aplikasi anda
Identiti pengguna
- ID pengguna anda sendiri
- Pengesahan UserSig
Integrasi aplikasi
- React Native APIs
- Kitar hayat khusus platform
Terokai React Native Chat APIs
Mulakan dengan API yang diperlukan untuk menghubungkan aplikasi anda.
Satu lapisan pemesejan, dua platform
Daftarkan pemalam muat naik dan rangkaian sebelum menghubungkan pengguna anda.
Baca dokumentasiimport TencentCloudChat from '@tencentcloud/chat';
import NetInfo from '@react-native-community/netinfo';
import TIMUploadPlugin from 'tim-upload-plugin';
const chat = TencentCloudChat.create({ SDKAppID });
chat.registerPlugin({ 'chat-network-monitor': NetInfo });
chat.registerPlugin({ 'tim-upload-plugin': TIMUploadPlugin });Pastikan perbualan terus berjalan
Hantar mesej teks langsung selepas log masuk dan menerima SDK_READY.
Baca dokumentasiconst message = chat.createTextMessage({
to: recipientID,
conversationType: TencentCloudChat.TYPES.CONV_C2C,
payload: { text: 'See you there!' },
});
await chat.sendMessage(message);Paparkan mesej baharu secara automatik
Kemas kini keadaan aplikasi anda apabila mesej diterima.
Baca dokumentasichat.on(TencentCloudChat.EVENT.MESSAGE_RECEIVED, onMessages);
// Dispose your listener when the subscription ends.
chat.off(TencentCloudChat.EVENT.MESSAGE_RECEIVED, onMessages);PENYESUAIAN
Pengalaman anda. Cara anda.
Bina antara muka anda sendiri berasaskan perbualan yang disambungkan.
Bina pengalaman anda sendiri
Hubungkan peristiwa pemesejan kepada skrin dan interaksi yang diperlukan oleh produk anda.
Baca dokumentasiSediakan ruang untuk perbualan berkembang
Hubungkan orang dan kumpulan melalui sembang yang menjadi sebahagian daripada aplikasi anda.
Baca dokumentasiMULA SEKARANG
Perbualan pertama anda bermula di sini
- 01
- 02
Tambah Chat SDK untuk React Native
Ikuti panduan platform untuk menyambungkan projek anda.
Ikuti Panduan Integrasi - 03
Hubungkan pengguna anda
Daftar masuk sebagai dua pengguna ujian dan hantar mesej pertama anda.
Hubungkan Pengguna Anda
npm install @tencentcloud/chat tim-upload-plugin @react-native-community/netinfoimport TencentCloudChat from '@tencentcloud/chat';
import NetInfo from '@react-native-community/netinfo';
import TIMUploadPlugin from 'tim-upload-plugin';
const chat = TencentCloudChat.create({ SDKAppID });
chat.registerPlugin({ 'chat-network-monitor': NetInfo });
chat.registerPlugin({ 'tim-upload-plugin': TIMUploadPlugin });Soalan lazim tentang React Native Chat SDK
Adakah SDK mengendalikan persediaan platform natif?
Lapisan pemesejan dikongsi, tetapi modul natif, kebenaran media, konfigurasi push dan binaan peranti masih memerlukan persediaan khusus platform. Ikuti panduan React Native SDK untuk gabungan pakej yang disokong.
Adakah React Native Chat SDK menyertakan UI sedia guna?
SDK menyediakan API dan peristiwa pemesejan. Aplikasi anda membina skrin chat. Ilustrasi menunjukkan contoh pengalaman aplikasi yang boleh diwujudkan.
Bagaimanakah cara mengesahkan pengguna React Native Chat SDK?
Jana UserSig produksi pada backend anda. Hantarkannya kepada klien untuk pengesahan dan simpan rahsia aplikasi anda pada pelayan.
Adakah coretan React Native ini membentuk sebuah aplikasi yang lengkap?
Ini menunjukkan setiap langkah integrasi secara berasingan. Ikuti panduan lengkap untuk import, pemulaan, log masuk, pengendalian ralat dan konfigurasi khusus sasaran. Uji pemesejan dengan akaun berasingan sebelum keluaran.
Bagaimanakah harga penggunaan React Native Chat SDK ditentukan?
Penggunaan perkhidmatan Chat terurus mengikut pelan pilihan anda. Semak ciri dan kuota yang disertakan untuk aplikasi anda; pemalam pilihan dan perkhidmatan Call mungkin mempunyai keperluan berasingan.
Bagaimanakah saya mengintegrasikan Chat SDK React Native dengan React Native?
Pasang pakej dan kebergantungan natif yang didokumenkan, kemudian bina semula aplikasi natif anda. Sahkan kebenaran, kitar hayat dan panggilan balik natif tanpa menganggap runtime hanya menggunakan JavaScript.
Bagaimanakah saya menguji Chat SDK React Native sebelum melancarkan aplikasi saya?
Semak log masuk, kesediaan SDK, acara hantar dan terima serta status mesej selepas sambungan semula.
Bagaimanakah saya menyesuaikan antara muka Chat SDK React Native?
Bina senarai perbualan, rendering mesej dan penggubah sendiri menggunakan acara SDK dalam dokumentasi.
Dapatkan sokongan untuk langkah seterusnya
Soalan integrasi
Dapatkan bantuan persediaan untuk Chat SDK untuk React Native.
Lihat Dokumentasi PembangunBincangkan aplikasi anda
Bincangkan produk, jangkaan penggunaan dan keperluan integrasi anda.
Hubungi Bahagian JualanBina pengalaman perbualan anda yang seterusnya
Bina app anda dengan Chat SDK untuk React Native.

