# Integrar el plugin de Huawei para React Native

## Integrar el plugin de React Native

Consulta la guía de integración de React Native.

<LinkCard title="Guía de integración de React Native" href="/developer/pushwoosh-sdk/cross-platform-frameworks/react-native/integration/integrating-react-native-plugin/" />

## Configurar Huawei a través de AppGallery Connect

1. Ve a [AppGallery Connect -> Lista de Proyectos](https://developer.huawei.com/consumer/en/service/josp/agc/index.html#/myProject) y selecciona un proyecto para configurar.

2. Presiona **agconnect-services.json** en la sección de información de la aplicación para descargar un archivo de configuración.

<img src="/react-native-integrate-huawei-react-native-1.webp" alt=""/>

3. Coloca el archivo descargado en tu proyecto de Android Studio (TU_PROYECTO/app/agconnect-services.json).

<img src="/react-native-integrate-huawei-react-native-2.webp" alt=""/>

## Generar la huella digital del certificado de firma

1. En Android Studio, ve a View > Tool Windows > Gradle.

<img src="/react-native-integrate-huawei-react-native-3.webp" alt=""/>

2. En la ventana que se abre, ve a app > Tasks > android > signingReport.

<img src="/react-native-integrate-huawei-react-native-4.webp" alt=""/>

3. Copia el SHA-256 de tu keystore de lanzamiento (release).

<img src="/react-native-integrate-huawei-react-native-5.webp" alt=""/>

También puedes agregar el SHA-256 de tu keystore de depuración (debug) para fines de prueba.

4. Selecciona tu proyecto en la [Lista de Proyectos de AppGallery Connect](https://developer.huawei.com/consumer/en/service/josp/agc/index.html#/myProject).

5. Pega el SHA-256 en el campo **SHA-256 certificate fingerprint**.

Ten en cuenta que el procesamiento de la huella digital puede tardar hasta 10 minutos.

## Configurar Huawei en Pushwoosh

Sigue la guía para configurar la plataforma de Huawei para tu proyecto de Pushwoosh:

<LinkCard title="Configuración de Huawei" href="/developer/first-steps/connect-messaging-services/huawei-configuration/" />


## Añadir dependencias

Añade las dependencias a tu proyecto de Android:

* En `android/build.gradle`

```
buildscript {    
    repositories {        
        google()              
        maven { url 'https://developer.huawei.com/repo/' }    
    }​    

    dependencies {        
        ...        
        classpath 'com.huawei.agconnect:agcp:1.4.1.300'    
    }
}​

allprojects {    
    repositories {        
        google()              
        maven { url 'https://developer.huawei.com/repo/' }    
    }
}
```

* En `android/app/build.gradle`

```
apply plugin: "com.huawei.agconnect"​

...​

dependencies {    
    ...    
    implementation 'com.huawei.hms:push:6.1.0.300'
}
```

## Habilitar notificaciones push

Añade **Pushwoosh.enableHuaweiPushNotification();** antes de llamar a **Pushwoosh.register()** en tu proyecto de React Native.

## Comparte tus comentarios con nosotros

Tus comentarios nos ayudan a crear una mejor experiencia, por lo que nos encantaría saber de ti si tienes algún problema durante el proceso de integración del SDK. Si encuentras alguna dificultad, no dudes en compartir tus opiniones con nosotros [a través de este formulario](https://docs.google.com/forms/d/e/1FAIpQLSd\_0b8jwn-V\_JmoPLIxIFYbHACCQhrzidOZV3ELywoQPXRSxw/viewform).