Autenticación con Huawei Account Kit en Aplicaciones Android

Curso de Desarrollo de Aplicaciones con Huawei

Contenido del curso

Introducción a HMS Core

Autenticación con HMS Account Kit

Construyendo nuestra cámara de selfies con HMS ML Kit

Aplicando notificaciones push con HMS Push kit

Conclusiones y consejos

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:008:39

Autenticación con Huawei Account Kit en Aplicaciones Android

Curso de Desarrollo de Aplicaciones con Huawei

Clase 11 de 31

Clase 11 / 31

Recursos

Integrar la autenticación con Huawei ID en una aplicación Android permite a los usuarios iniciar sesión de forma rápida y segura utilizando su cuenta de Huawei. A continuación se explica paso a paso cómo configurar el botón de login, crear los parámetros de autenticación y manejar los resultados del proceso.

¿Cómo conectar el botón de Huawei ID con la autenticación?

El punto de partida es el diseño de la pantalla de login creado previamente. El botón de Huawei ID debe tener un ID asignado en el layout, en este caso BTN_Login [0:18]. Desde la clase AuthActivity, se referencia ese botón y se le asigna un listener con setOnClickListener [0:30]. Dentro de ese listener se invoca la función encargada de todo el flujo de autenticación.

La función se define fuera del onCreate y recibe el nombre loginHuaweiIDAuth [0:46]. Su responsabilidad es construir los parámetros y lanzar el servicio de autenticación.

¿Qué parámetros necesita HuaweiIDAuthParamHelper?

Los parámetros se crean mediante el objeto HuaweiIDAuthParamHelper, que internamente utiliza HuaweiIDAuthParams [1:04]. Se selecciona DEFAULT_AUTH_REQUEST_PARAM porque la aplicación no es un juego; si lo fuera, se usaría DEFAULT_AUTH_REQUEST_PARAM_GAME [1:14].

Con estos parámetros se solicitan distintos datos del usuario:

Mail: dirección de correo electrónico asociada al Huawei ID [1:28].
Access token: token de acceso para llamadas posteriores a servicios [1:32].
Profile: objeto que contiene nickname, avatar y foto de perfil, útil para personalizar la interfaz de la app [1:36].
ID token: token que se reutiliza más adelante para push notifications [1:56].
UID: identificador único de cada usuario de Huawei [2:04].
ID: identificador general de la cuenta [2:10].

Una vez definidos, se consolidan invocando createParams [2:14].

¿Cómo se lanza el servicio de autenticación y se maneja la respuesta?

El servicio se obtiene a través de HuaweiIDAuthManager, al que se le pasa el contexto de la actividad y los parámetros recién creados [2:22]. Después se ejecuta startActivityForResult, enviando el signInIntent del servicio junto con un request code —en este ejemplo el valor 1000—, que actúa como identificador del flujo de login [2:38].

¿Qué ocurre en onActivityResult?

El método onActivityResult evalúa dos códigos [2:56]:

Request code igual a 1000: confirma que la respuesta proviene del servicio de login.
Result code cancelado: significa que el usuario perdió conexión a internet, presionó el botón de home o interrumpió el proceso. En ese caso se muestra un Toast con el mensaje "Login cancelado" [3:10].

Si el resultado no fue cancelado y el resultCode equivale a RESULT_OK, se procede a verificar el servicio.

¿Cómo se verifica que el login fue exitoso?

Se crea una task llamada authHuaweiIDTask que hereda de HuaweiIDManager [3:42]. Esta tarea parsea el resultado del intent devuelto. Si isSuccessful retorna true, se muestra un Toast indicando "Login exitoso" [3:56].

Sin embargo, el login puede fallar por razones como:

Huawei ID incompleto o inactivo.
Pérdida de conexión a internet justo después de que la actividad retornara RESULT_OK [4:10].

En ese escenario se muestra un Toast con "Login falló" [4:22].

Finalmente, se regresa al setOnClickListener del botón y se invoca loginHuaweiIDAuth para que todo el flujo quede conectado [4:34].

Si ya implementaste estos pasos, comparte en los comentarios qué datos del profile planeas utilizar en tu aplicación y cómo personalizarás la experiencia de tus usuarios.

class AuthActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_auth)


        //Establecemos un listener, de forma que cuando el botón sea presionado dé inicio la autenticación
        btnLogin.setOnClickListener {
            loginHuaweiIdAuth()
        }

    }

    private fun loginHuaweiIdAuth(){
        val mAuthParams = HuaweiIdAuthParamsHelper(HuaweiIdAuthParams.DEFAULT_AUTH_REQUEST_PARAM) //capturamos los parámetros
            .setEmail() //correo del usuario
            .setAccessToken()
            .setProfile() //capturamos todas las configuraciones del Huawei ID, nickname, foto de perfil, avatar ...
            .setIdToken() //Se utilizará mas adelante para el push notification
            .setUid() //Identificador único de cada usuario de Huawei
            .setId()

            .createParams()//Se asignan todos los parámetros anteriores en un objeto, para luego ser accedidos

        /**
         * Variable para acceder al servicio de autenticación
         * recibe como parámetros el context del activity y los parámetros
         */
        val mAuthManager = HuaweiIdAuthManager.getService(this, mAuthParams)


        /**
         * Llamamos el startActivityForResult y pasamos el servicio en forma de 
         * intent y un requestCode
         * requestCode = identificador del servicio de login
         */
        startActivityForResult(mAuthManager.signInIntent, 800)
    }

    override fun onActivityResult(requestCode: Int, resultCode: Int, data: Intent?) {
        super.onActivityResult(requestCode, resultCode, data)
        if (requestCode == 800){

            /**
             * Este if, cubre si al momento de acceder, el usuario se queda sin 
             * internet o si presiona
             * alguna tecla que haga cerrar o detener el activity
             */
            if (resultCode == Activity.RESULT_CANCELED){

                Toast.makeText(this, "Autenticación Cancelada ...", Toast.LENGTH_LONG).show()
            }else if(resultCode == Activity.RESULT_OK){

                //verificamos que el servicio esté funcionando correctamente
                val authHuaweiIdTask = HuaweiIdAuthManager.parseAuthResultFromIntent(data)

                //Si el resultado es exitoso, procederemos a autenticar
                if (authHuaweiIdTask.isSuccessful){
                    Toast.makeText(this, "Autenticación exitosa!!", Toast.LENGTH_LONG).show()
                }

                //En caso de que no sea exitoso por que la cuenta ya no está activa,  
                // incompleta o por una falla de conexión
                else{
                    Toast.makeText(this, "Autenticación Fallida ...", Toast.LENGTH_LONG).show()
                }
            }
        }
    }

}

class AuthActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_auth)


        //Establecemos un listener, de forma que cuando el botón sea presionado dé inicio la autenticación
        btnLogin.setOnClickListener {
            loginHuaweiIdAuth()
        }

    }

    private fun loginHuaweiIdAuth(){
        val mAuthParams = HuaweiIdAuthParamsHelper(HuaweiIdAuthParams.DEFAULT_AUTH_REQUEST_PARAM) //capturamos los parámetros
            .setEmail() //correo del usuario
            .setAccessToken()
            .setProfile() //capturamos todas las configuraciones del Huawei ID, nickname, foto de perfil, avatar ...
            .setIdToken() //Se utilizará mas adelante para el push notification
            .setUid() //Identificador único de cada usuario de Huawei
            .setId()

            .createParams()//Se asignan todos los parámetros anteriores en un objeto, para luego ser accedidos

        /**
         * Variable para acceder al servicio de autenticación
         * recibe como parámetros el context del activity y los parámetros
         */
        val mAuthManager = HuaweiIdAuthManager.getService(this, mAuthParams)


        /**
         * Llamamos el startActivityForResult y pasamos el servicio en forma de 
         * intent y un requestCode
         * requestCode = identificador del servicio de login
         */
        startActivityForResult(mAuthManager.signInIntent, 800)
    }

    override fun onActivityResult(requestCode: Int, resultCode: Int, data: Intent?) {
        super.onActivityResult(requestCode, resultCode, data)
        if (requestCode == 800){

            /**
             * Este if, cubre si al momento de acceder, el usuario se queda sin 
             * internet o si presiona
             * alguna tecla que haga cerrar o detener el activity
             */
            if (resultCode == Activity.RESULT_CANCELED){

                Toast.makeText(this, "Autenticación Cancelada ...", Toast.LENGTH_LONG).show()
            }else if(resultCode == Activity.RESULT_OK){

                //verificamos que el servicio esté funcionando correctamente
                val authHuaweiIdTask = HuaweiIdAuthManager.parseAuthResultFromIntent(data)

                //Si el resultado es exitoso, procederemos a autenticar
                if (authHuaweiIdTask.isSuccessful){
                    Toast.makeText(this, "Autenticación exitosa!!", Toast.LENGTH_LONG).show()
                }

                //En caso de que no sea exitoso por que la cuenta ya no está activa,  
                // incompleta o por una falla de conexión
                else{
                    Toast.makeText(this, "Autenticación Fallida ...", Toast.LENGTH_LONG).show()
                }
            }
        }
    }

}

Introducción a HMS Core

Creación de Cámara Selfie con Kits de Huawei

Depuración de Aplicaciones en la Nube con Huawei Cloud Debugging

Desarrollo de Aplicaciones con Huawei Mobile Services Core

Creación de Proyecto Android Studio con Huawei Kits

Creación de Aplicaciones en AppGallery Connect de Huawei

Generación de Huella Digital SHA-256 para Android Studio

Configuración de APIs Huawei para Proyecto de Selfies en Android Studio

Configuración de Gradle para Huawei en Android Studio

Sincronización de aplicaciones con dependencias Huawei en Gradle

Autenticación con HMS Account Kit

Diseño de Pantalla de Login con Huawei Account Kit

Autenticación con Huawei Account Kit en Aplicaciones Android

Autenticación con Huawei ID en Aplicaciones Android

Implementación de Logout con Huawei AccountKit y Refactorización en Android

Construyendo nuestra cámara de selfies con HMS ML Kit

Diseño de Pantalla en Selficam con Huawei ML Kit

Permisos de Cámara en Aplicaciones Android

Configuración y Personalización de Cámaras en Android

Personalización de Interfaz Gráfica para Cámara en Android

Reconocimiento Facial con Machine Learning en Android

Creación del Motor de Lente para Selfie Cam en Android

Implementación de Layout para Actividad de Cámara en Android

Integración de Cámara y Botones en Aplicación de Selfies

Implementación de Verificación Facial en App Android

Detección de Sonrisa y Rostro en Cámaras Huawei

Detección de Rostros y Cambio de Cámara en Android Studio

Implementación de Funcionalidad de Toma y Retoma de Fotos en Android

Guardar fotos en la galería con Android y Huawei Machine Learning

Aplicando notificaciones push con HMS Push kit

Implementación de Huawei Push Notifications en Android

Implementación de Push Notifications en AppGallery Connect

Configuración y Envío de Notificaciones Push en AppGallery Connect

Conclusiones y consejos

Solución de Problemas Comunes en Desarrollo con Huawei HMS Core

Eventos de Huawei para Desarrolladores y Servicios Ofrecidos

Autenticación con Huawei Account Kit en Aplicaciones Android