cometchat sample app react native

React Native Exemple App par Comethat

Il s'agit d'une application de référence présentant l'intégration du kit d'interface utilisateur React Native de Comechat dans React Native. Il offre aux développeurs des exemples pratiques pour intégrer la messagerie en temps réel, ainsi que les fonctionnalités vocales et vidéo, dans leurs applications natives React.

React natif: iOS

---

React natif: Android

Condition préalable

• Assurez-vous que vous avez mis en place l'environnement de développement natif React.
  • Suivez les instructions pour votre environnement sur https://reactnative.dev/docs/environment-setup
• 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:

   • Utilisation de HTTPS

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

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

    cd cometchat-sample-app-react-native
   

3. Installez les dépendances:

    npm install
   

4. Pour iOS, installez les dépendances après la navigation vers iOS:

     cd ios
     pod install

5. Entrez votre App ID , Region et Auth Key de ComeTchat dans le fichier AppConstants.ts:

   Comechat-échantillon-app-react-native / appcconstants.ts

   Lignes 1 à 5 en F2910C2

   	export const ipConstants = {
   	App_id : 'xxxxxxxxxxxxxx' , // Entrez votre ID d'application
   	Région : 'xx' , // Entrez votre région d'application
   	Auth_key : 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx' , // Entrez la touche Auth de votre application
   	}

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

   Comechat-échantillon-app-react-natif / src / composants / login / login.tsx

   Lignes 20 à 22 en F2910C2

   	Réact . useEFFECT ( ( ) => {
   	Fetch ( "https://assets.cometchat.io/sampleapp/sampledata.json" )
   	. alors ( ( réponse ) => {

7. Exécutez l'application sur un appareil ou un émulateur à partir de la racine du repo.

   npm start
   npm run android
   npm run ios

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.