Resultados de la búsqueda :

×

Inicio de sesión único (SSO) de Google Apps OAuth en TYPO3 | TYPO3 Inicio de sesión con Google OAuth


La extensión de inicio de sesión único (SSO) de autenticación y autorización OAuth 3 de Typo2.0 permite a sus usuarios de frontend y backend (administrador y cliente) iniciar sesión sin problemas en el sitio de Typo3 utilizando las credenciales de Google Apps. La extensión Typo3 OAuth / OpenID Connect Single Sign-On (SSO) facilita el uso de OAuth2 para configurar el inicio de sesión de Google Apps en Typo3 (Inicio de sesión único de Google Apps).

La extensión Typo3 OAuth & OpenID Connect Single Sign-On (SSO) permite iniciar sesión en Typo3 de forma segura utilizando cualquier proveedor de OAuth y OpenID Connect, como Azure AD, Azure B2C, Okta, Keycloak, Salesforce, etc. Esta extensión también admite funciones avanzadas de inicio de sesión único (SSO), como la asignación de atributos de perfil de usuario y la asignación de roles. Haga clic aquí para obtener más información sobre las funciones premium de la extensión Typo3 OAuth Single Sign-On (cliente OAuth & OpenID Connect).

En esta guía, veremos cómo configurar SSO entre Typo3 y Google Apps. Los usuarios deberían poder iniciar sesión en Typo3 a través de Google Apps al final de esta guía.

Requisitos previos: descarga e instalación

mini naranja img Instalación de la extensión OAuth Client / OpenID Connect en TYPO3


  • Utilice el siguiente comando para instalar la extensión usando Composer:
    composer req miniorange/miniorange_oidc
  • Ahora busca el "miniOrange OpenIDConnect" en la sección Extensiones instaladas y active la extensión haciendo clic en el botón Activar.
  • Después de la instalación, haga clic en la extensión recién instalada "miniOrange OpenIDConnect" para TYPO3 SSO e inicie sesión con sus credenciales miniOrange registradas.
  • Configuración de OpenIDCconnect de Typo3 miniorange
  • Después de ingresar el nombre de usuario y la contraseña, necesitará la clave de licencia para continuar si es un cliente premium. (Obtendrá esta clave del equipo de miniOrange. Después de ingresar la clave de licencia, puede activar la licencia y continuar).
  • licencia miniorange oauth oidc inicio de sesión
  • Si no es un cliente premium, puede iniciar sesión sin problemas enviando las credenciales de miniOrange.
  • Después de iniciar sesión correctamente, podrá ver los detalles relacionados con su cuenta.
  • Detalles de la cuenta de inicio de sesión único de Typo3 OAuth
  • Ahora está listo para configurar su IdP. Pero es importante integrar primero la interfaz.
  • Descargue el archivo zip de la extensión OAuth/OIDC del mercado TYPO3
  • Vaya a su backend de TYPO3 y haga clic en la sección Extensiones en el lado izquierdo de su pantalla.
  • Cargue el archivo zip, como se representa en la imagen de abajo.
  • Complemento de carga SSO Typo3 OAuth OIDC
  • Ahora busca el "miniOrange OpenIDConnect" en la sección Extensiones instaladas y active la extensión haciendo clic en el botón Activar.
  • Después de la instalación, haga clic en la extensión recién instalada "miniOrange OpenIDConnect" para TYPO3 SSO e inicie sesión con sus credenciales miniOrange registradas.
  • Configuración de OpenIDCconnect de Typo3 miniorange
  • Después de ingresar el nombre de usuario y la contraseña, necesitará la clave de licencia para continuar si es un cliente premium. (Obtendrá esta clave del equipo de miniOrange. Después de ingresar la clave de licencia, puede activar la licencia y continuar).
  • licencia menorange oauth oidc inicio de sesión
  • Si no es un cliente premium, puede iniciar sesión directamente enviando las credenciales de miniOrange.
  • Después de iniciar sesión correctamente, podrá ver los detalles relacionados con su cuenta.
  • Ahora está listo para configurar su IdP. Pero es importante integrar primero la interfaz.

mini naranja img Integrar extensión con TYPO3

  • Haga clic en el elemento Páginas desde la navegación izquierda.
  • Luego debe crear una carpeta para almacenar a los usuarios del frontend en ella haciendo clic derecho en el Inicio página y seleccione Nueva subpágina.
  • Typo3 OAuth SSO crea interfaz
  • Seleccionar carpeta escriba en el menú desplegable.
  • Typo3 OAuth openid SSO crear interfaz
  • Nombra la carpeta como Usuarios del sitio web y haga clic en el ícono de Guardar.
  • Typo3 OAuth Single Sign-On crear interfaz
  • Vaya a la pestaña de comportamiento y agregue Usuarios del sitio web en ella.
  • Typo3 OAuth SSO agrega usuarios del sitio web
  • Si ve un guión rojo en la carpeta creada, significa que la carpeta no está habilitada. Luego puede habilitarlo haciendo clic derecho en esa carpeta y haciendo clic Activar.
  • Necesitas agregar dos STANDARD EN páginas dentro del INICIO página. Si está utilizando el complemento Premium, puede crear tres páginas.
  • Aquí consideraremos los nombres de páginas como: FEOIDC, RESPUESTA, CIERRE DE SESIÓN (Cerrar sesión es opcional para clientes premium).
  • Para crear un FEOIDC página, haga clic derecho en Inicio página y luego seleccione Nueva subpágina y seleccione STANDARD EN escriba desde el menú desplegable.
  • Typo3 OAuth SSO crea interfaz
  • Agregar título de página como FEOIDC y hacer clic en Guardar.
  • Typo3 OAuth SSO crea interfaz
  • Luego haga clic nuevamente en Página de FEOIDC y haga clic en Añadir contenido. Vaya a complementos y agregue Complemento FEOIDC y haga clic en el ícono de Guardar.
  • Typo3 OAuth SSO crea interfaz Complemento de selección de inicio de sesión único Typo3 OAuth
  • Navegue a la pestaña de complementos y seleccione el complemento FEOIDC.
  • Typo3 OAuth SSO crea interfaz
  • Agregar usuarios del sitio web en Página de almacenamiento de registros y guarde la configuración.
  • Typo3 OAuth SSO crea interfaz
  • Puedes habilitar el FEOIDC página haciendo clic derecho y seleccionando Activar .
  • Typo3 OAuth SSO crea interfaz
  • Si necesita realizar cambios en el segmento de URL, que también será su URL de SSO inicial, haga clic derecho en la página FEOIDC, seleccione editar y haga clic en el botón "alternar URL" para configurar la URL a su manera.
  • Siga los mismos pasos para crear y configurar páginas estándar de respuesta.
  • Asegúrese de seleccionar el complemento de respuesta para la página de respuesta.
  • Mantenga el FEOIDC y RESPUESTA Las URL de las páginas son útiles, ya que las necesitará al configurar la extensión OAuth/OpenID Connect.

Pasos para configurar el inicio de sesión único (SSO) de Google Apps OAuth y OpenID en Typo3

1. Configure Google Apps como proveedor de OAuth

Siga los pasos a continuación para configurar Google Apps como proveedor de OAuth

mini naranja img Configurar Google Apps como proveedor de OAuth
  • Vaya al https://console.developers.google.com/ y registrarse/iniciar sesión.
  • Haga clic en Seleccionar proyecto para crear un nuevo google Apps Proyecto para Typo3 OAuth Client, verá una ventana emergente con la lista de todos sus proyectos.
  • Google Apps G Suite SSO Typo3 crea un nuevo proyecto
  • Haga clic en el elemento Nuevo proyecto botón para crear un nuevo proyecto.
  • Google Apps G Suite SSO Typo3 crea un nuevo proyecto
  • Ingrese su Nombre del Proyecto en el campo del nombre del proyecto y haga clic en Crear.
  •  G Suite SSO con Typo3 OIDC OAuth ingresa el nombre del proyecto
  • Vaya al Menú de NavegaciónAPIServiciosCartas credenciales.
  •  SSO de G Suite con Typo3 OIDC OAuth, SSO de Google Apps para Typo3, credenciales
  • Haga clic en crear Credenciales botón y luego seleccione ID de cliente de OAuth de las opciones proporcionadas en el menú desplegable.
  • Typo3 OAuth SSO ID de cliente OAuth
  • Elija cómo desea configurar y registrar su aplicación (Tipo de usuario) y haga clic en Para crear .
  • Inicio de sesión de Google Apps Typo3 configurar la pantalla de consentimiento
  • En caso de que reciba alguna advertencia que indique que para crear una ID de cliente de OAuth, debe establecer un nombre de producto en la pantalla de consentimiento (como se muestra en la imagen a continuación). Clickea en el Configurar la pantalla de consentimiento .
  • Pantalla de consentimiento de configuración de SSO de Google Apps para Typo3
  • Complete la información requerida, como por ejemplo Nombre de la aplicación y correo electrónico de asistencia al usuario. y luego seleccione la opción Guardar y continuar.
  • Typo3 Google Apps inicia sesión en Google Apps SSO para Typo3, guarda la configuración Guarde la configuración para iniciar sesión en las aplicaciones de Google typo3
  • Ahora para configurar los alcances, haga clic en Agregar o quitar los ámbitos .
  • G Suite SSO con Typo3 OIDC OAuth, Google Apps SSO para Typo3, crear ID de cliente oauth
  • Ahora, seleccione el Scopes para permitir que su proyecto acceda a tipos específicos de datos de usuario privados desde su cuenta de Google y haga clic en Guardar y continuar .
  • crear una identificación de cliente oauth G Suite SSO con Typo3 OIDC OAuth, Google Apps SSO para Typo3
  • Vaya a la Pestaña Credenciales y haga clic en crear Credenciales botón. Seleccionar Aplicación web de la lista desplegable para crear una nueva aplicación.
  • SSO de G Suite con SSO de Google Apps para Typo3, cree una identificación de cliente oauth
  • Ingrese el nombre que desea para su ID de cliente en el campo de nombre e ingrese el URI de redireccionamiento/devolución de llamada del complemento Typo3 OAuth y OpenID Single Sign On (SSO) en el Redirección autorizada campo URI y haga clic en Crear .
  • SSO de Google Apps con Typo3 SSO de Google Apps para Typo3, URL de redireccionamiento
  • Verá una ventana emergente con el ID del cliente y el secreto del cliente. Copie su ID de cliente y Secreto del cliente y guárdelo en la configuración del complemento Typo3 OAuth y OpenID Single Sign On (SSO).
  • SSO de Google Apps para Typo3, ID de cliente secreto de cliente | SSO typo3 del espacio de trabajo de Google

Ha configurado correctamente Google Apps como proveedor de OAuth para lograr el inicio de sesión único (SSO) de Google Apps con Typo3 para la autenticación de usuarios.

2. Configurar Typo3 como cliente OAuth

  • Después de configurar exitosamente el proveedor OAuth, ingrese el Nombre del proveedor de OAuth, ID de cliente, Secreto del cliente, <b></b><b></b> y puntos finales proporcionados.

    Consulte los puntos finales a continuación para configurar el cliente OAuth.


    Alcance: Perfil de correo electrónico OpenID
    Autorizar punto final: https://accounts.google.com/o/oauth2/auth
    Punto final del token de acceso: https://www.googleapis.com/oauth2/v4/token
    Obtener punto final de información del usuario: https://www.googleapis.com/oauth2/v1/userinfo
  • Haga clic en el elemento Guardar para guardar la configuración
  • Typo3 SSO OAuth 2.0 Credenciales SSO Google Apps SSO
  • Haga clic en el elemento Configuración de prueba .
  • Credenciales Typo3 OAuth Google Apps SSO OAuth
  • Verá todos los valores devueltos por su proveedor de OAuth a Typo3 en una tabla. Si no ve el valor de Nombre, Apellido, Correo electrónico o Nombre de usuario, realice las configuraciones necesarias en su proveedor de OAuth para devolver esta información.
  • Ha configurado correctamente su Typo3 como cliente OAuth. Ahora puede crear su botón SSO personalizado en su sitio Typo3 Frontend e incrustar la URL de la página FEOIDC para iniciar el SSO.
  • SSO de Typo3 OAuth 2.0 Google Apps SSO

3: Mapeo de atributos (opcional). *Esta es la función Premium.

  • Puede asignar atributos en la pestaña Asignación de atributos. Solo se permite asignar el nombre de usuario y el correo electrónico en la versión gratuita de la extensión. Sin embargo, en la versión premium de la extensión, puede asignar varios atributos provenientes de su proveedor OAuth a los atributos presentes en su sitio Typo3.
  • Asignación de atributos Typo3 OAuth Typo3 SSO

4: Mapeo de grupo (opcional). *Esta es la función Premium.

  • Puede especificar una función predeterminada en la extensión gratuita que se asignará a todos los usuarios que no sean administradores cuando realicen SSO.
  • Vaya a la pestaña Mapeo de grupo y navegue hasta la sección Mapeo de grupo.
  • Seleccione la función predeterminada y haga clic en el botón Guardar.
  • Google Apps Typo3 SSO - Inicio de sesión único (SSO) de Google Apps en Typo3 - asignación de funciones

Configurando google Apps como una Proveedor de OAuth y Typo3 como una Cliente OAuth Al utilizar nuestra extensión Typo3 OAuth Client, ha instalado correctamente el inicio de sesión único (SSO) de Typo3 Google Apps. En cuestión de minutos, podrá proporcionar acceso seguro a su sitio Typo3 utilizando las credenciales de inicio de sesión de Google Apps gracias a esta solución.

Más Recursos


Si busca algo que no encuentra, envíenos un correo electrónico a info@xecurify.com.

¡Hola!

¿Necesitas ayuda? ¡Estamos aquí!

múltiples proveedores