cometchat sample app react native

Reagieren Sie die native Probe -App von Cometchat

Dies ist eine Referenzanwendung, die die Integration von Cometchats React Native UI -Kit in React Native zeigt. Es bietet Entwicklern praktische Beispiele für die Einbeziehung von Messaging in Echtzeit sowie Sprach- und Videoaufruffunktionen in ihre auf React Native basierenden Anwendungen.

React Native: iOS

---

React Native: Android

Voraussetzungen

• Stellen Sie sicher, dass Sie die Umgebung für native Entwicklung von React Native entwickeln.
  • Befolgen Sie die Anweisungen für Ihre Umgebung unter https://reactnative.dev/docs/environment-setup
• Melden Sie sich für ein Cometchat -Konto an, um Ihre App -Anmeldeinformationen zu erhalten: App ID , Region und Auth Key

Installation

1. Klonen Sie das Repository:

   • Verwenden von HTTPS

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

2. Navigieren Sie zum geklonten Verzeichnis:

    cd cometchat-sample-app-react-native
   

3. Abhängigkeiten installieren:

    npm install
   

4. Installieren Sie für iOS Abhängigkeiten nach dem Navigieren zu iOS:

     cd ios
     pod install

5. Geben Sie Ihre Cometchat App ID , Region und Auth Key in die Datei AppConstants.ts.TS ein:

   cometchat-sample-app-reagierte native/appconstants.ts

   Zeilen 1 bis 5 in F2910C2

   	Export const AppConstants = {
   	App_id : 'xxxxxxxxxxxxxx' , // Geben Sie Ihre App -ID ein
   	Region : 'xx' , // Geben Sie Ihre App -Region ein
   	Auth_key : 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx' , // Geben
   	}

6. Wenn Ihre App vor dem 12. August, 2024, erstellt wird, ändern Sie die Musterdaten -URL in https://assets.cometchat.io/sampleapp/v1/sampledata.json in der Datei src/components/login/login.tsx:

   cometchat-sample-app-react-nativ/src/components/login/login.tsx

   Zeilen 20 bis 22 in F2910C2

   	Reagieren . useEffect ( ( ) => {
   	Fetch ( "https://assets.cometchat.io/samplesp/sampledata.json" )
   	. Dann ( ( Antwort ) => {

7. Führen Sie die App auf einem Gerät oder Emulator aus dem Repo -Root aus.

   npm start
   npm run android
   npm run ios

Hilfe und Unterstützung

Für Probleme, die das Projekt ausführen oder in unsere UI-Kits integrieren, konsultieren Sie unsere Dokumentation oder erstellen Sie ein Support-Ticket oder suchen Sie über das Cometchat-Dashboard in Echtzeitunterstützung.