Drupal 8 tutorial para configurar login con Auth social Facebook y Google
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:
Antes de terminar nos debemos asegurar de tener bien configurado la "Pantalla de autorización de OAuth". Os adjunto un ejemplo:
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:
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):
Una vez configurados los datos que nos piden vamos al menú lateral y clicamos "Inicio de sesión con Facebook" debajo de productos:
Ahora vamos otra vez al panel lateral y clicamos en "Configuración". Rellenamos los campos y guardamos.
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.
