DIBUAT UNTUK REACT NATIVE
React Native
Chat SDK
Bangun perpesanan seluler dengan React Native Chat SDK Tencent RTC. Bagikan logika chat antara iOS dan Android sambil tetap menggunakan layar serta interaksi native Anda sendiri.
SUMBER DAYA DEVELOPER
Dokumentasi & Contoh Chat SDK untuk React Native
Panduan Integrasi
Instal Chat SDK untuk React Native dan kirim pesan uji.
Contoh & Source
Jelajahi pengalaman perpesanan dan sumber daya resmi untuk pengembang.
Bagikan momen ini
Hubungkan pemilih foto native Anda ke percakapan yang menjaga kedekatan antar pengguna.
Jaga agar proyek terus berjalan
Hadirkan file bersama dan diskusi tim ke dalam alat seluler yang sudah digunakan orang.
KEMAMPUAN CHAT REACT NATIVE
Fondasi perpesanan untuk produk Anda
Percakapan langsung
- Pesan satu lawan satu
- Antarmuka Anda sendiri
Perpesanan grup
- Percakapan bersama
- API keanggotaan
Pesan kaya
- Teks dan media
- Konten aplikasi khusus
Status percakapan
- Riwayat dan jumlah yang belum dibaca
- Penyimpanan aplikasi Anda
Identitas pengguna
- ID pengguna Anda sendiri
- Autentikasi UserSig
Integrasi aplikasi
- React Native APIs
- Siklus hidup khusus platform
Jelajahi React Native Chat APIs
Mulai dengan API yang diperlukan untuk menghubungkan aplikasi Anda.
Satu lapisan perpesanan, dua platform
Daftarkan plugin unggah dan jaringan 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 });Jaga agar percakapan terus berjalan
Kirim pesan teks langsung setelah login 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);Tampilkan pesan baru secara otomatis
Perbarui status aplikasi Anda saat pesan 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. Sesuai cara Anda.
Bangun antarmuka Anda sendiri untuk percakapan yang terhubung.
Bangun pengalaman Anda sendiri
Hubungkan peristiwa perpesanan ke layar dan interaksi yang dibutuhkan produk Anda.
Baca dokumentasiBerikan ruang bagi percakapan untuk berkembang
Hubungkan orang dan grup melalui chat yang menjadi bagian dari aplikasi Anda.
Baca dokumentasiMULAI
Percakapan pertama Anda dimulai di sini
- 01
- 02
Tambahkan Chat SDK untuk React Native
Ikuti panduan platform untuk menghubungkan proyek Anda.
Ikuti Panduan Integrasi - 03
Hubungkan pengguna Anda
Masuk sebagai dua pengguna uji coba dan kirim pesan 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 });Pertanyaan umum tentang React Native Chat SDK
Apakah SDK menangani penyiapan platform natif?
Lapisan pesan digunakan bersama, tetapi modul native, izin media, konfigurasi push, dan build perangkat tetap memerlukan penyiapan khusus platform. Ikuti panduan React Native SDK untuk kombinasi paket yang didukung.
Apakah React Native Chat SDK menyertakan UI siap pakai?
SDK menyediakan API dan peristiwa perpesanan. Aplikasi Anda membangun layar chat. Ilustrasi menunjukkan contoh pengalaman aplikasi yang dapat dibuat.
Bagaimana cara mengautentikasi pengguna React Native Chat SDK?
Buat UserSig produksi di backend Anda. Teruskan ke klien untuk autentikasi dan simpan rahasia aplikasi Anda di server.
Apakah cuplikan React Native ini membentuk aplikasi yang lengkap?
Bagian ini menunjukkan setiap langkah integrasi secara terpisah. Ikuti panduan lengkap untuk impor, inisialisasi, login, penanganan kesalahan, dan konfigurasi khusus target. Uji perpesanan dengan akun terpisah sebelum dirilis.
Bagaimana harga penggunaan React Native Chat SDK ditentukan?
Penggunaan layanan Chat terkelola mengikuti paket yang Anda pilih. Periksa fitur dan kuota yang disertakan untuk aplikasi Anda; plugin opsional dan layanan Call dapat memiliki persyaratan terpisah.
Bagaimana cara mengintegrasikan Chat SDK React Native dengan React Native?
Instal paket dan dependensi native sesuai dokumentasi, lalu bangun ulang aplikasi native. Verifikasi izin, siklus hidup, dan callback native tanpa menganggap runtime hanya menggunakan JavaScript.
Bagaimana cara menguji Chat SDK React Native sebelum merilis aplikasi?
Periksa login, kesiapan SDK, peristiwa kirim dan terima, serta status pesan setelah tersambung kembali.
Bagaimana cara menyesuaikan antarmuka Chat SDK React Native?
Buat daftar percakapan, rendering pesan, dan editor pesan sendiri menggunakan peristiwa SDK dalam dokumentasi.
Temukan dukungan untuk langkah berikutnya
Pertanyaan integrasi
Dapatkan bantuan penyiapan untuk Chat SDK untuk React Native.
Lihat Dokumentasi PengembangDiskusikan aplikasi Anda
Diskusikan produk, perkiraan penggunaan, dan kebutuhan integrasi Anda.
Hubungi Tim PenjualanBangun pengalaman percakapan Anda berikutnya
Bangun app Anda dengan Chat SDK untuk React Native.

