cometchat sample app react native

Bereaksi aplikasi sampel asli oleh cometchat

Ini adalah aplikasi referensi yang menampilkan integrasi kit UI Native React Cometchat di React Native. Ini menawarkan kepada pengembang contoh praktis untuk memasukkan pesan waktu nyata, serta fungsionalitas panggilan suara dan video, ke dalam aplikasi berbasis asli mereka.

Bereaksi Asli: IOS

---

Bereaksi Asli: Android

Prasyarat

• Pastikan Anda memiliki lingkungan pengembangan asli React.
  • Ikuti instruksi untuk lingkungan Anda di https://reactnative.dev/docs/environment-setup
• Daftar untuk akun Cometchat untuk mendapatkan kredensial aplikasi Anda: App ID , Region , dan Auth Key

Instalasi

1. Klon Repositori:

   • Menggunakan https

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

2. Arahkan ke direktori yang dikloning:

    cd cometchat-sample-app-react-native
   

3. Instal dependensi:

    npm install
   

4. Untuk iOS, instal dependensi setelah menavigasi ke iOS:

     cd ios
     pod install

5. Masukkan App ID Cometchat Anda, Region , dan Auth Key di file AppConsants.ts:

   cometchat-sampel-app-react-native/appconstants.ts

   Baris 1 hingga 5 di F2910C2

   	Ekspor Const AppConstants = {
   	App_id : 'xxxxxxxxxxxxx' , // masukkan id aplikasi Anda
   	Wilayah : 'xx' , // Masukkan wilayah aplikasi Anda
   	Auth_key : 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx' , // masukkan tombol auth aplikasi Anda Anda
   	}

6. 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/login.tsx:

   COMETCHAT-SAMPLE-APP-REACT-NATIF/SRC/COMPONENT/LOGIN/LOGIN.TSX

   Baris 20 hingga 22 di F2910C2

   	Bereaksi . useEffect ( ( ) => {
   	fetch ( "https://assets.cometchat.io/sampleapp/sampledata.json" )
   	. lalu ( ( respons ) => {

7. Jalankan aplikasi pada perangkat atau emulator dari root repo.

   npm start
   npm run android
   npm run ios

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.