Drupal 8 tutorial para configurar login con Auth social Facebook y Google

Drupal 8 tutorial para configurar login con Auth social Facebook y Google

Drupal 8 tutorial para configurar login con Auth social Facebook y Google

08-11-2017

Uno de los requerimientos más normales en las páginas web con diferentes usuarios es la realización del login mediante redes sociales o sistemas de correo. En este articulo queremos facilitaros un pequeño manual para poder realizar registrarse o loguearse en Drupal 8 mediante estos sistemas externos.

Los módulos requeridos

Descargar módulos y dependencias

Para agilizar los pasos os dejo los comandos de Drush para descargar los módulos y los comandos de Composer para instalar las dependencias necesarias.

Descarga de módulos mediante Drush:

  • drush dl social_api
  • drush dl social_auth
  • drush dl social_auth_google
  • drush dl social_auth_facebook

Descarga de dependencias mediante Composer:

  • composer require drupal/social_api
  • composer require drupal/social_auth
  • composer require drupal/social_auth_google
  • composer require drupal/social_auth_facebook

Configurar módulos

Configurando social login con Google

Tenemos que dirigirnos a https://console.developers.google.com

Clicamos en la parte superior izquierda al lado del logo de "Google APIs". Se nos desplegará una ventana en la cual tendremos que clicarle a añadir proyecto.

Una vez creado el proyecto tendremos que crearnos credenciales.

Para esto vamos al menú lateral y clicamos en "Credenciales". Una vez aqui le damos a "Crear credenciales", seleccionamos "ID de cliente de OAuth". En el "Tipo de aplicación" al sellecionar web "Web" nos pedirá la url de la web y la url Auth:

Crear credenciales Google

Antes de terminar nos debemos asegurar de tener bien configurado la "Pantalla de autorización de OAuth". Os adjunto un ejemplo:

Configurar pantalla OAuth Google

Después de hacer esto podemos ir a nuestro Drupal a la página de configuración del login con Google (/admin/config/social-api/social-auth) e introducir el "ID de cliente" y el "Secreto de cliente".

Configurando social login con Facebook

Tenemos que dirigirnos a https://developers.facebook.com/apps

Para crear la aplicación nos dirigimos al menú superior, desplegamos "Mis aplicaciones" y después seleccionamos "Añadir nueva aplicación".

El primer cuadro de dialogo nos pedirá nombre de la aplicación y correo electrónico de contacto:

Crear aplicación Facebook

En el siguiente paso seleccionaremos el producto (Inicio de sesión con Facebook) seleccionamos "Web" y introducimos los datos que nos piden (url de la web):

Seleccionar tipo de producto Facebook

Una vez configurados los datos que nos piden vamos al menú lateral y clicamos "Inicio de sesión con Facebook" debajo de productos:

Configurar OAuth Facebook

Ahora vamos otra vez al panel lateral y clicamos en "Configuración". Rellenamos los campos y guardamos.

Configuración último paso Facebook

Una vez rellenados estos campos ya podemos configurar el modulo en nuestro Drupal. Cogemos los datos "Identificador de la aplicación" y "Clave secreta de la aplicación" y los llevamos al modulo "Social Auth Facebook". Página /admin/config/social-api/social-auth/facebook, introducimos los datos y le damos a guardar.