Habilitar Login con Google

• Descripción de la funcionalidad o módulo
• Configuración en Google Cloud Platform
• Configuración en Dispongo
• Configuración del sitio web
  • Control de login desde la página de Mi Cuenta:
  • Control de login desde la capa de login del Header:
  • Controles de login/registro desde el proceso de reserva:

Descripción de la funcionalidad o módulo

Con esta funcionalidad se pretende poder ofrecer a cualquier usuario del sitio web la posibilidad de iniciar sesión en un sitio web de Dispongo con su cuenta de Google para acceder rápidamente a la plataforma sin necesidad de recordar otra contraseña.

Esta funcionalidad será configurable por cada Canal de Venta existente en Dispongo.

Configuración en Google Cloud Platform

El primer paso será obtener una clave de Google con el fin de utilizarla para el inicio de sesión de Google en nuestro sitio web.

Para ello seguiremos los siguientes pasos:

• Crear un proyecto en Google Cloud Platform (GCP):
  • Si aún no tienes uno, crea un nuevo proyecto en la consola de Google Cloud Platform.
• Habilitar la API de Google Sign-In:
  • Dentro de tu proyecto, busca "API Library" y luego busca "Google Sign-In API" y habilítala.
• Crear credenciales:
  • Vuelve a la consola y selecciona "API & Services" -> "Credentials" -> "+" Create Credentials -> "OAuth client ID".
• Configurar las credenciales:
  • Selecciona "Web application" como tipo de aplicación y establece la dirección URL de tu sitio web (o aplicación) en los "Authorized JavaScript Origins" y "Authorized redirect URI".
• Descargar la clave:
  • Una vez creadas las credenciales, Google te proporcionará un "Client ID" y un "Client Secret" (clave de seguridad). Guarda estos valores, ya que los necesitarás para configurar el inicio de sesión de Google en tu aplicación.

Con estos pasos obtenemos una clave de Google (Client ID y Client Secret) que será la que utilicemos en nuestra aplicación Dispongo para implementar el inicio de sesión de Google.

Hay que tener en cuenta que la clave que vamos a obtener es para utilizarla en un único canal de venta (sitio web) en Dispongo y que por lo tanto las diferentes URL's que configuremos desde Google Cloud Platform (GCP) serán las de cada sitio web por separado. Se deberán generar por lo tanto tantas aplicaciones como Canales de Venta queramos configurar.

Configuración en Dispongo

Por cada Canal de Venta podremos habilitar la funcionalidad utilizando la clave obtenida en el paso anterior. Para ello habilitaremos la variable de Canal Venta Configuración Licencia "Web_GoogleLoginApiID" con el valor del "Client ID" obtenido anteriormente.

Configuración del sitio web

Una vez configurada la funcionalidad en el Canal de Venta ya podremos incluir el módulo en las diferentes secciones de la web donde está permitido:

Control de login desde la página de Mi Cuenta:

Desde la página de login del sitio web, si la tenemos habilitada, editaremos el módulo de Mi Cuenta para poder añadir las siguientes propiedades:

• Propiedad: MostrarGoogleLogin, con valor 1 indicamos que se va a mostrar el bloque de Login de Google
• Propiedades: MostrarGoogleLoginTit y MostrarGoogleLoginSubtit, con valor 1 se indica para mostrar el titulo o subtitulo. Estos bloques también son configurables desde las variables de portal "#ConfGoogleLoginMostrarTitulo" y "#ConfGoogleLoginMostrarSubtitulo" respectivamente.
  
  ** Si se configuran las propiedades de MostrarGoogleLoginTit o MostrarGoogleLoginSubtit los textos se mostrarán desdesde las traducciones "GoogleLoginTitulo" y "GoogleLoginSubTitulo".

Control de login desde la capa de login del Header:

Cuando tenemos la capa de login configurada en el sitio web se pueden habilitar el Login de Google desde sus propiedades:

• Propiedad: MostrarGoogleLogin, con valor 1 indicamos que se va a mostrar el bloque de Login de Google.
• Propiedades: MostrarGoogleLoginTit y MostrarGoogleLoginSubtit, con valor 1 se indica para mostrar el titulo o subtitulo. Estos bloques también son configurables desde las variables de portal "#ConfGoogleLoginMostrarTitulo" y "#ConfGoogleLoginMostrarSubtitulo" respectivamente.
  
  ** Si se configuran las propiedades de MostrarGoogleLoginTit o MostrarGoogleLoginSubtit los textos se mostrarán desdes las traducciones "GoogleLoginTitulo" y "GoogleLoginSubTitulo".

Controles de login/registro desde el proceso de reserva:

Desde el bloque de login que se muestra en la pantalla del carrito cuando estamos en el proceso de reserva. Para activarlo tenemos que hacerlo desde variables del Portal:

• Desde la variable de portal "#ConfRegResUsuMostrarGoogleLogin", con valor 1 indicamos que se va a mostrar el bloque de Login de Google.