cometchat sample app react native

React Aplicación de muestra nativa por Cometchat

Esta es una aplicación de referencia que muestra la integración del kit UI React Native de Cometchat en React Native. Ofrece a los desarrolladores ejemplos prácticos para incorporar la mensajería en tiempo real, así como las funcionalidades de voz y videollamadas, en sus aplicaciones reaccias basadas en nativos.

React Native: iOS

---

React Native: Android

Requisitos previos

• Asegúrese de tener el entorno de desarrollo nativo React configurado.
  • Siga las instrucciones para su entorno en https://reactnative.dev/docs/environment-setup
• 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:

   • Usando https

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

2. Navegue al directorio clonado:

    cd cometchat-sample-app-react-native
   

3. Instalar dependencias:

    npm install
   

4. Para iOS, instale dependencias después de navegar a iOS:

     cd ios
     pod install

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

   Cometchat-Sample-App-react-Native/AppConstants.ts

   Líneas 1 a 5 en F2910C2

   	Exportar const AppConstants = {
   	App_id : 'xxxxxxxxxxxxxx' , // Ingrese su ID de aplicación
   	Región : 'xx' , // Ingrese la región de su aplicación
   	Auth_key : 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx' , // Ingrese la tecla de autenticación de su aplicación
   	}

6. 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/login.tsx:

   Cometchat-Sample-app-react-native/src/components/login/login.tsx

   Líneas 20 a 22 en F2910C2

   	Reaccionar . useEffect ( ( ) => {
   	Fetch ( "https://assets.cometchat.io/sampeapp/sampledata.json" )
   	. entonces ( ( respuesta ) => {

7. Ejecute la aplicación en un dispositivo o emulador desde la raíz de repo.

   npm start
   npm run android
   npm run ios

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.