cometchat uikit react

React Exemple d'application par Comechat

Il s'agit d'une application de référence présentant l'intégration du kit d'interface utilisateur React de Comechat dans un cadre React. Il fournit aux développeurs des exemples de mise en œuvre de fonctionnalités de messagerie en temps réel et d'appels vocales et vidéo dans leurs propres applications basées sur REACT.

Essayez le nouveau kit d'interface utilisateur V5!

Découvrez le tout nouveau kit d'interface utilisateur V5, avec un design complètement remanié pour une utilisation améliorée et un attrait visuel. Avec des composants restructurés, des options de style avancées et un processus d'intégration rationalisé, V5 offre une expérience personnalisable sans couture adaptée à vos besoins. Essayez-le maintenant et élevez votre flux de travail de développement!

Condition préalable

• Assurez-vous que Node.js et NPM sont installés:

    npm install npm@latest -g

• Inscrivez-vous à un compte ComeTchat pour obtenir vos informations d'identification de l'application: App ID , Region et Auth Key

Installation

1. Clone le référentiel:

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

2. Accédez au répertoire cloné:

     cd cometchat-sample-app-react

3. Installez les dépendances:

     npm install

4. Entrez votre App ID ComeTchat, Region et Auth Key dans le fichier SRC / AppConstants.ts:

   Comechat-uikit-react / src / appcconstants.ts

   Lignes 1 à 7 en d294da6

   	// Rendez-vous vers la section des informations d'identification de votre application sur le tableau de bord Comechat et où vous pouvez trouver votre ID d'application unique, votre région et votre clé Auth. ?
   	export const ipConstants = {
   	App_id : "app_id" ,
   	Région : "région" ,
   	Auth_key : "auth_key" ,
   	} ;

5. Si votre application est créée avant le 12 août 2024, modifiez l'URL de l'exemple de données en https://assets.cometchat.io/sampleapp/v1/sampledata.json dans le fichier SRC / Components / Login / index.tsx:

   Comechat-uikit-réact / src / composants / login / index.tsx

   Lignes 43 à 45 en d294da6

   	essayer {
   	const Response = Await Fetch ( "https://assets.cometchat.io/sampleapp/sampledata.json" ) ;
   	Const data : userjson = attendre la réponse . JSON ( ) ;

6. Exécutez le projet localement pour voir toutes les fonctionnalités de Comechat en action:

     npm run start
   

Aide et soutien

Pour les problèmes exécutant le projet ou intégrant avec nos kits d'interface utilisateur, consultez notre documentation ou créez un billet d'assistance ou demandez un support en temps réel via le tableau de bord Comechat.