cometchat uikit react

Reagieren Sie die Probe -App von Cometchat

Dies ist eine Referenzanwendung, die die Integration des React UI -Kits von Cometchat in ein React -Framework zeigt. Es bietet Entwicklern Beispiele für die Implementierung von Echtzeit-Messaging sowie Sprach- und Videoaufruffunktionen in ihren eigenen React-basierten Anwendungen.

Probieren Sie das neue V5 UI -Kit!

Entdecken Sie das brandneue V5-UI-Kit mit einem komplett überarbeiteten Design für verbesserte Benutzerfreundlichkeit und visuelle Anziehungskraft. Mit umstrukturierten Komponenten, erweiterten Styling -Optionen und einem optimierten Integrationsprozess bietet V5 ein nahtloses, anpassbares Erlebnis, das auf Ihre Anforderungen zugeschnitten ist. Probieren Sie es jetzt aus und erhöhen Sie Ihren Entwicklungsworkflow!

Voraussetzungen

• Stellen Sie sicher, dass Sie über Node.js und NPM installiert sind:

    npm install npm@latest -g

• 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:

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

2. Navigieren Sie zum geklonten Verzeichnis:

     cd cometchat-sample-app-react

3. Abhängigkeiten installieren:

     npm install

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

   cometchat-uikit-react/src/appconstants.ts

   Zeilen 1 bis 7 in D294DA6

   	// Gehen Sie zum Abschnitt "Anmeldeinformationen in Ihrer App auf Cometchat Dashboard" und finden Sie Ihre eindeutige App -ID, Region und Auth -Schlüssel. ?
   	Export const AppConstants = {
   	App_id : "app_id" ,
   	Region : "Region" ,
   	Auth_key : "auth_key" ,
   	} ;

5. 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/index.tsx:

   cometchat-uikit-react/src/components/login/index.tsx

   Zeilen 43 bis 45 in D294DA6

   	versuchen {
   	const response = warte fetch ( "https://assets.cometchat.io/sampleapp/sampledata.json" ) ;
   	const data : userJson = wartete auf die Antwort . JSON ( ) ;

6. Führen Sie das Projekt lokal aus, um alle Cometchat -Funktionen in Aktion zu sehen:

     npm run start
   

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.