Firebase Login Android Studio

3 de julio de 2022

Hola a todos bienvenidos, esta vez vamos a desarrollar un login con Firebase Authentication en el Android Studio con el lenguaje de programación Kotlin. Nuestro objetivo es realizar la administración completa de una cuenta de usuario.

Descargar

Diseño

Arquitectura

Actividad Login

Actividad Principal

Componentes

Actividad Login

StatusBar
Logo (ImageView)
Email (EditText)
Contraseña (EditText)
Recuperación de cuenta (TextView)
Login (AppCompatButton)
Información de registro de cuenta (TextView)
Registro de cuenta (TextView)

Actividad Principal

StatusBar
Perfil (ImageView)
Cerrar Sesión (ImageView)
Nombre completo (TextView)
Correo Electronico (TextView)
Edición de nombre completo (EditText)
Guardar edición (AppCompatButton)
Cambiar contraseña (TextView)
Eliminar cuenta (TextView)

Implementación de inicio de sesión

A continuación, se muestra la programación de los componentes y funciones para la autenticación del usuario en la actividad SignInActivity.

Componente Login

Al hacer clic en este componente se verifica el correo y la contraseña del usuario, en caso de que sean vacíos se imprime el respectivo mensaje de error y en caso contrario se ejecuta la función signIn

SignInActivity.kt

										binding.signInAppCompatButton.setOnClickListener {
										    val mEmail = binding.emailEditText.text.toString()
										    val mPassword = binding.passwordEditText.text.toString()
										
										    when {
										        mPassword.isEmpty() || mEmail.isEmpty() ‐> {
										            Toast.makeText(this, "Email o contraseÃ±a o incorrectos.",
										                Toast.LENGTH_SHORT).show()
										        }
										        else ‐> {
										            signIn(mEmail, mPassword)
										        }
										    }
										
										}

Función signIn

Se encarga de realizar la autenticación con Firebase Authentication, en caso de que la autenticación falle se muestra el respectivo mensaje de error y en el caso de éxito se ejecuta la función reload

SignInActivity.kt

										private fun signIn(email: String, password: String) {
										    auth.signInWithEmailAndPassword(email, password)
										        .addOnCompleteListener(this) { task ‐>
										            if (task.isSuccessful) {
										                Log.d("TAG", "signInWithEmail:success")
										                reload()
										            } else {
										                Log.w("TAG", "signInWithEmail:failure", task.exception)
										                Toast.makeText(baseContext, "Email o contraseÃ±a o incorrectos.",
										                    Toast.LENGTH_SHORT).show()
										            }
										        }
										}

Función reload

Se encarga de iniciar la actividad Main Activity

SignInActivity.kt

										private fun reload() {
										    val intent = Intent(this, MainActivity::class.java)
										    this.startActivity(intent)
										}

Función onStart

Se ejecuta al iniciar la aplicación y procede a verificar el estado de la autenticación del usuario veamos:

Si el usuario tiene la sesión iniciada se procede a ejecutar la función reload.
Si el usuario tiene la sesión iniciada, pero le falta la verificación de su cuenta entonces se procede a iniciar la actividad CheckEmailActivity.
Si el usuario no tiene la sesión iniciada no se procede a ejecutar ninguna acción

SignInActivity.kt

										public override fun onStart() {
										    super.onStart()
										    val currentUser = auth.currentUser
										    if(currentUser != null){
										        if(currentUser.isEmailVerified){
										            reload()
										        } else {
										            val intent = Intent(this, CheckEmailActivity::class.java)
										            this.startActivity(intent)
										        }
										    }
										}

Implementación del registro de usuario

A continuación, se muestra la programación de los componentes y funciones para el respectivo registro de una cuenta de usuario con un correo electrónico valido

Componente Sign Up

Al hacer clic en este componente se verifica los campos correo, contraseña y confirma la contraseña según las reglas establecidos. Después de verificar los campos correctamente se procede a ejecutar la función createAccount

SignUpActivity.kt

										binding.signUpButton.setOnClickListener {
										
										    val mEmail = binding.emailEditText.text.toString()
										    val mPassword = binding.passwordEditText.text.toString()
										    val mRepeatPassword = binding.repeatPasswordEditText.text.toString()
										
										    val passwordRegex = Pattern.compile("^" +
										            "(?=.*[‐@#$%^&+=])" +     // Al menos 1 carácter especial
										            ".{6,}" +                // Al menos 4 caracteres
										            "$")
										
										    if(mEmail.isEmpty() || !Patterns.EMAIL_ADDRESS.matcher(mEmail).matches()) {
										        Toast.makeText(this, "Ingrese un email valido.",
										            Toast.LENGTH_SHORT).show()
										    } else if (mPassword.isEmpty() || !passwordRegex.matcher(mPassword).matches()){
										        Toast.makeText(this, "La contraseña es debil.",
										            Toast.LENGTH_SHORT).show()
										    } else if (mPassword != mRepeatPassword){
										        Toast.makeText(this, "Confirma la contraseña.",
										            Toast.LENGTH_SHORT).show()
										    } else {
										        createAccount(mEmail, mPassword)
										    }
										
										}

Función createAccount

Se encargar de crear una nueva cuenta de usuario con un correo electrónico y contraseña, luego se procede a ejecutar la actividad CheckEmailActivity. En caso de que falle la creación de cuenta se procede a mostrar el respectivo mensaje de error.

SignUpActivity.kt

										private fun createAccount(email: String, password: String) {
										    auth.createUserWithEmailAndPassword(email, password)
										        .addOnCompleteListener(this) { task ‐>
										            if (task.isSuccessful) {
										                val intent = Intent(this, CheckEmailActivity::class.java)
										                this.startActivity(intent)
										            } else {
										                Toast.makeText(this, "No se pudo crear la cuenta. Vuelva a intertarlo",
										                    Toast.LENGTH_SHORT).show()
										            }
										        }
										}

Verificación del correo electrónico

Es el paso final para la creación de una cuenta de usuario, veamos la programación.

Componente continuar

Al hacer clic en este componente se procede a comprobar la verificación del correo electrónico. En el caso de que el correo ya fue verificado se procede a iniciar la actividad MainActivity en caso contrario se procede a ejecutar el mensaje de error.

CheckEmailActivity.kt

										binding.veficateEmailAppCompatButton.setOnClickListener {
										    val profileUpdates = userProfileChangeRequest {
										    }
										    user!!.updateProfile(profileUpdates)
										        .addOnCompleteListener { task ‐>
										            if (task.isSuccessful) {
										                if (user.isEmailVerified) {
										                    val intent = Intent(this, MainActivity::class.java)
										                    this.startActivity(intent)
										                } else {
										                    Toast.makeText(this, "Por favor verifica tu correo.",
										                        Toast.LENGTH_SHORT).show()
										                }
										            }
										        }
										
										}

Función onStart

Se ejecuta al iniciar la actividad y procede a comprobar si ya se verifico el correo electrónico en tal caso se ejecuta la función reload y en el caso contrario se procede a ejecutar la función sendEmailVerification

CheckEmailActivity.kt

										binding.veficateEmailAppCompatButton.setOnClickListener {
										    val profileUpdates = userProfileChangeRequest {
										    }
										    user!!.updateProfile(profileUpdates)
										        .addOnCompleteListener { task ‐>
										            if (task.isSuccessful) {
										                if (user.isEmailVerified) {
										                    val intent = Intent(this, MainActivity::class.java)
										                    this.startActivity(intent)
										                } else {
										                    Toast.makeText(this, "Por favor verifica tu correo.",
										                        Toast.LENGTH_SHORT).show()
										                }
										            }
										        }
										
										}

Función sendEmailVerification

Se encarga de enviar un correo de verificación.

CheckEmailActivity.kt

										binding.veficateEmailAppCompatButton.setOnClickListener {
										    val profileUpdates = userProfileChangeRequest {
										    }
										    user!!.updateProfile(profileUpdates)
										        .addOnCompleteListener { task ‐>
										            if (task.isSuccessful) {
										                if (user.isEmailVerified) {
										                    val intent = Intent(this, MainActivity::class.java)
										                    this.startActivity(intent)
										                } else {
										                    Toast.makeText(this, "Por favor verifica tu correo.",
										                        Toast.LENGTH_SHORT).show()
										                }
										            }
										        }
										
										}

Función reload

Se encarga de iniciar la actividad Main Activity

CheckEmailActivity.kt

										private fun reload() {
										    val intent = Intent(this, MainActivity::class.java)
										    this.startActivity(intent)
										}

Yu Developer

Desarrollador de paginas web, aplicaciones Android y proyectos de Internet de las cosas.