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

A 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!

8 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:

Integrar registro con Google app
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.

Firebase registro
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 a app
e. Descargamos el archivo google-services.json y lo agregamos a la carpeta de nuestro proyecto Android.

Añadir firebase aplicación 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 digital certificado depuración

c. Debería obtenerse una huella digital similar a esta:

Certificado huella digital

5. 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. Confirgurar el objeto GoogleSignInOptions, llamar a requestIdToken:

Integrar acceso con google para app
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 google android
c. En el método onCreate de tu actividad de acceso, obtén la instancia compartida del objeto FirebaseAuth, como podemos ver aquí:

Oncreate firebaseauth

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

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

google sign in account app

f. 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 sesion google app


Y, 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



 

Valoración del Usuario: 5 / 5

Star ActiveStar ActiveStar ActiveStar ActiveStar Active
 

Otras Noticias

  • Ponencia Word Camp Alicante 2017...

  • Desarrollo módulo 301 Prestashop...

  • Posicionamiento web tiendas Online...

  • Cómo diseñar una página web y tener más S...