cometchat uikit react

Bereaksi Aplikasi Sampel oleh Cometchat

Ini adalah aplikasi referensi yang menampilkan integrasi kit UI React Cometchat dalam kerangka reaksi. Ini memberi pengembang contoh menerapkan pesan waktu nyata dan fitur panggilan suara dan video dalam aplikasi berbasis reaksi mereka sendiri.

Coba kit V5 UI baru!

Temukan kit UI V5 baru, menampilkan desain yang sepenuhnya dirubah untuk peningkatan kegunaan dan daya tarik visual. Dengan komponen yang direstrukturisasi, opsi gaya canggih, dan proses integrasi yang ramping, V5 menawarkan pengalaman yang mulus dan dapat disesuaikan yang disesuaikan dengan kebutuhan Anda. Cobalah sekarang dan tingkatkan alur kerja pengembangan Anda!

Prasyarat

• Pastikan Anda menginstal Node.js dan NPM:

    npm install npm@latest -g

• Daftar untuk akun Cometchat untuk mendapatkan kredensial aplikasi Anda: App ID , Region , dan Auth Key

Instalasi

1. Klon Repositori:

     git clone https://github.com/cometchat/cometchat-sample-app-react.git

2. Arahkan ke direktori yang dikloning:

     cd cometchat-sample-app-react

3. Instal dependensi:

     npm install

4. Masukkan App ID Cometchat Anda, Region , dan Auth Key di file src/appconstants.ts:

   COMETCHAT-UIKIT-reacct/src/appconstants.ts

   Baris 1 hingga 7 di D294DA6

   	// Kunjungi bagian kredensial di aplikasi Anda di dasbor Cometchat dan di mana Anda dapat menemukan ID aplikasi unik, wilayah, dan kunci auth Anda. ?
   	Ekspor Const AppConstants = {
   	App_id : "app_id" ,
   	Wilayah : "Wilayah" ,
   	Auth_key : "auth_key" ,
   	} ;

5. Jika aplikasi Anda dibuat sebelum 12 Agustus 2024 maka ubah URL data sampel menjadi https://assets.cometchat.io/sampleapp/v1/sampledata.json di file src/komponen/login/indeks.tsx:

   COMETCHAT-UITIT-REACT/SRC/COMPONENT/LOGIN/INDEX.TSX

   Baris 43 hingga 45 di D294DA6

   	mencoba {
   	const response = menunggu fetch ( "https://assets.cometchat.io/sampleapp/sampledata.json" ) ;
   	Data const : userjson = menunggu respons . json ( ) ;

6. Jalankan proyek secara lokal untuk melihat semua fitur Cometchat beraksi:

     npm run start
   

Bantuan dan dukungan

Untuk masalah yang menjalankan proyek atau mengintegrasikan dengan kit UI kami, berkonsultasi dengan dokumentasi kami atau buat tiket dukungan atau mencari dukungan waktu nyata melalui dasbor Cometchat.