digitalDot diseño webLogo Diseño Web digitalDot

Integrar el inicio de sesión con Google en una app Android

26/02/2020

Login Google en appA todos los que estéis desarrollando una aplicación móvil seguro que os interesará saber cómo incluir la opción de iniciar sesión con la cuenta de Google que posea vuestro usuario. Y, ¿por qué lo vais a querer hacer? porque sabéis que a vuestros usuarios les tenéis que poner las cosas fáciles si no queréis que dejen de lado vuestra app.

El equipo de diseño de aplicaciones móviles para Android de digitalDot ha tenido a bien hacer un tutorial con el que podréis hacerlo vosotros mismos. ¡Manos a la obra!

6 pasos para incluir el inicio de sesión con Google en una app de Android

Para que tus usuarios puedan loguearse en una app desde su cuenta de Google deberás seguir los siguientes pasos:

1. Añadir Firebase a tu proyecto Android.

a. Requisitos:

i. Un dispositivo Android con al menos la versión 4.0 de Android y los Servicios de Google Play 15.0.0.
ii. La última versión de Android Studio.

b. Utilizar el asistente de Firebase en Android Studio:

i. Abrimos Tools > Firebase para abrir la ventana de asistencia.
ii. Elegimos una las opciones que se muestran y hacemos clic en el vínculo.
iii. Hacemos click en el botón para conectarnos a Firebase y agregamos el código para nuestra app.

2. Agregar las dependencias para Firebase Authentication y el acceso con Google a tu archivo build.gradle de nivel de app:

Inicio registro Google
3. Conectar la app con Firebase desde Firebase console.

a. Crear una cuenta de Firebase para acceder a su consola. Luego accede a su consola y crea un proyecto.

Inicio de sesión con Google
b. Indicar el nombre del paquete del proyecto en el que vamos a integrar Firebase y posteriormente, nos dirigimos a Firebase Dashboard.

c. Aquí, seleccionamos el tipo de proyecto (Android Project).

d. Añadimos el nombre del paquete de nuestro proyecto Android.

añadir firebase app
e. Descargamos el archivo google-services.json y lo agregamos a la carpeta de nuestro proyecto Android.

añadir firebase app Android
4. Crear la huella digital SHA-1 de tu app:

a. Abrir la terminal y ejecutar para obtener la huella digital del certificado de liberación:

Certificado liberación Firebase
b. Para obtener la huella digital del certificado de depuración:

Huella digitalc. Debería obtenerse una huella digital similar a esta:

Certificado huella digital5. Habilitar el acceso con Google+ en Firebase Console.

a. Abre la sección Auth.

b. En la pestaña Método de acceso, habilita el método de Google y hacer clic en Guardar.

6. Integrar el acceso con Google en tu app:

a. Configurar el objeto GoogleSignInOptions, llamar a requestIdToken:

Integrar acceso app Google
Debes pasar el ID de cliente de tu servidor al método requestIdToken. Para encontrar el ID de cliente de OAuth 2.0, deberemos:

1. Abrir páginas de credenciales en la consola de la API.

2. El ID de cliente de tipo aplicación web es el ID de cliente de OAuth 2.0 de tu servidor de back-end.

b. Después de integrar el acceso con Google, deberás añadir lo siguiente:

Integrar inicio de sesión Google en app
c. En el método onCreate de tu actividad de acceso, obtén la instancia compartida del objeto FirebaseAuth, como podemos ver aquí:

Onecreate firebaseauthd. Verifica que el usuario se ha logueado cuando inicies la actividad:

Usuario logueado con Google
e. Una vez que el usuario puede acceder correctamente, debemos obtener el token de ID desde el objeto GoogleSignInAccount para intercambiarlo por una credencial de Firebase y usarla para la autenticación en Firebase.

Inicio de sesión en appf. Una vez la llamada a signInWithCredential se ejecuta correctamente, podemos obtener los datos de la cuenta del usuario a través del método getCurrentUser.

g. Para cerrar sesión de un usuario, llamamos a signOut:

Inicio de sesión en app con GoogleY, hasta aquí nuestro tutorial. Si dudáis en algún paso o simplemente queréis que os echemos una mano en el desarrollo de vuestra aplicación móvil, no dudéis en contactar con nuestra empresa de diseño de aplicaciones móviles


También puede interesarte:

crossmenuchevron-down