cometchat uikit react

Aplicación de muestra reaccionada por Cometchat

Esta es una aplicación de referencia que muestra la integración del kit React UI de Cometchat dentro de un marco React. Proporciona a los desarrolladores ejemplos de implementación de mensajes en tiempo real y características de videollamadas en sus propias aplicaciones basadas en React.

¡Prueba el nuevo kit de ui V5!

Descubra el nuevo kit de UI V5, con un diseño completamente renovado para una mejor usabilidad y atractivo visual. Con componentes reestructurados, opciones de estilo avanzado y un proceso de integración simplificado, V5 ofrece una experiencia perfecta y personalizable adaptada a sus necesidades. ¡Pruébalo ahora y eleva tu flujo de trabajo de desarrollo!

Requisitos previos

• Asegúrese de tener Node.js y NPM instalados:

    npm install npm@latest -g

• Regístrese para obtener una cuenta Cometchat para obtener las credenciales de su aplicación: App ID , Region y Auth Key

Instalación

1. Clon el repositorio:

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

2. Navegue al directorio clonado:

     cd cometchat-sample-app-react

3. Instalar dependencias:

     npm install

4. Ingrese App ID Cometchat, Region y Auth Key en el archivo SRC/AppConstants.ts:

   Cometchat-Uikit-React/Src/AppConstants.ts

   Líneas 1 a 7 en D294DA6

   	// Diríjase a la sección Credenciales en su aplicación en el tablero Cometchat y dónde puede encontrar su ID de aplicación, región y clave de autenticación únicas. ?
   	Exportar const AppConstants = {
   	APP_ID : "APP_ID" ,
   	Región : "Región" ,
   	Auth_key : "Auth_key" ,
   	} ;

5. Si su aplicación se crea antes del 12 de agosto de 2024, cambie la URL de datos de la muestra a https://assets.cometchat.io/sampleapp/v1/sampledata.json en el archivo src/componente/login/index.tsx:

   Cometchat-Uikit-React/Src/Components/Login/Index.tsx

   Líneas 43 a 45 en D294DA6

   	intentar {
   	Const Respuesta = APEAIT FETCH ( "https://assets.cometchat.io/sampeapp/sampledata.json" ) ;
   	Const Data : UserJSON = APARACIÓN RESPUESTA . json ( ) ;

6. Ejecute el proyecto localmente para ver todas las funciones de Cometchat en acción:

     npm run start
   

Ayuda y apoyo

Para problemas que ejecutan el proyecto o se integren con nuestros kits de interfaz de usuario, consulte nuestra documentación o cree un boleto de soporte o busque soporte en tiempo real a través del tablero Cometchat.