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

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.

Hubungkan

Satu lapisan perpesanan, dua platform

Daftarkan plugin unggah dan jaringan sebelum menghubungkan pengguna Anda.

Baca dokumentasi
chat.ts
import 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 });

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 dokumentasi

MULAI

Percakapan pertama Anda dimulai di sini

  1. 01

    Buat aplikasi Anda

    Siapkan aplikasi Chat dan pengguna uji Anda.

    Buka Konsol Chat
  2. 02

    Tambahkan Chat SDK untuk React Native

    Ikuti panduan platform untuk menghubungkan proyek Anda.

    Ikuti Panduan Integrasi
  3. 03

    Hubungkan pengguna Anda

    Masuk sebagai dua pengguna uji coba dan kirim pesan pertama Anda.

    Hubungkan Pengguna Anda
Chat SDK untuk React Native
Terminal
npm install @tencentcloud/chat tim-upload-plugin @react-native-community/netinfo
chat.ts
import 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

Diskusikan aplikasi Anda

Diskusikan produk, perkiraan penggunaan, dan kebutuhan integrasi Anda.

Hubungi Tim Penjualan

Bangun pengalaman percakapan Anda berikutnya

Bangun app Anda dengan Chat SDK untuk React Native.