El complemento de inicio de sesión único (SSO) de WordPress OAuth y OpenID Connect permite iniciar sesión de forma segura en WordPress utilizando Webflow como proveedor de OAuth y OpenID Connect. También puede configurar el complemento utilizando diferentes proveedores personalizados e IDP estándar. Admite funciones avanzadas de inicio de sesión único (SSO), como mapeo de atributos de perfil de usuario, mapeo de roles, etc. Aquí revisaremos una guía para configurar SSO entre WordPress y Webflow. Al final de esta guía, los usuarios deberían poder iniciar sesión en WordPress desde Webflow. Para saber más sobre otras funciones que ofrecemos en el complemento WP OAuth Single Sign-On (OAuth & OpenID Connect Client), puede haga clic aquí.

Requisitos previos: descarga e instalación

• Inicie sesión en su instancia de WordPress como administrador.
• Ir a WordPress Panel de control >> Complementos y haga clic en Añadir nuevo.
• Buscar un WordPress Inicio de sesión único (SSO) de OAuth complemento y haga clic en Instalar ahora .
• Una vez instalado, haga clic en Activar.

Pasos para configurar el inicio de sesión único (SSO) de Webflow en WordPress

Paso 1: configurar Webflow como proveedor de OAuth

• En primer lugar, ve a https://webflow.com/ y regístrese/inicie sesión en su cuenta para configurar Webflow.

• Ve a moderna pestaña y haga clic en Registrar nueva aplicación del botón.

• Ingrese los detalles requeridos, obtendrá el URL de devolución de llamada desde el complemento y haga clic en Crear del botón.

• Ahora haga clic en Ver más del botón.

• Obtendrás el ID de cliente y Secreto del cliente, Copie su ID de cliente y su secreto de cliente y guárdelos en la configuración del complemento de cliente miniOrange OAuth.

• Ha completado con éxito las configuraciones del lado del servidor Webflow OAuth.

Puntos finales y alcance del flujo web:




Identificación del cliente :	Haga clic aquí
Secreto del cliente:	Haga clic aquí
Alcance:	abierto
Autorizar punto final:	https://webflow.com/oauth/authorize
Punto final del token de acceso:	https://api.webflow.com/oauth/access_token
Obtener punto final de información del usuario:	https://api.webflow.com/info

Has configurado correctamente Webflow como proveedor de OAuth para lograr el inicio de sesión de Webflow en su sitio de WordPress.

Has configurado correctamente WeibWebflow como proveedor de OAuth para lograr el inicio de sesión de Webflow en su sitio de WordPress.

Paso 2: configurar WordPress como cliente OAuth

• Visite la Configurar OAuth pestaña en el complemento y busque OAuth personalizado en la lista de aplicaciones y seleccione Aplicación OAuth 2.0 personalizada .

• Ahora configura Nombre de la aplicación, ID del cliente, secreto del cliente recibido de Webflow.
• Introduzca el valor del alcance como abierto .
• Haga clic en Guardar configuración para guardar la configuración.

Has configurado correctamente WordPress como cliente OAuth para lograr el inicio de sesión de Webflow en su sitio de WordPress.

3. Mapeo de atributos de usuario

• La asignación de atributos de usuario es obligatoria para permitir a los usuarios iniciar sesión correctamente en WordPress. Configuraremos los atributos del perfil de usuario para WordPress usando la siguiente configuración.

Encontrar atributos de usuario

• Ve a Configurar OAuth pestaña. Desplácese hacia abajo y haga clic en Configuración de prueba.

• Verá todos los valores devueltos por su proveedor de OAuth a WordPress 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.

• Una vez que vea todos los valores en Configuración de prueba, vaya a Mapeo de atributos/roles pestaña, obtendrá la lista de atributos en un menú desplegable de Nombre de usuario.

4. Mapeo de roles [Premium]

• Haga clic en “Configuración de prueba” y obtendrá la lista de nombres de atributos y valores de atributos enviados por su proveedor de OAuth.
• Desde la ventana Configuración de prueba, asigne los nombres de atributos en la sección Asignación de atributos del complemento. Consulte la captura de pantalla para obtener más detalles.

• Habilitar asignación de roles: Para habilitar la asignación de roles, debe asignar el atributo de nombre de grupo. Seleccione el nombre del atributo de la lista de atributos que devuelve los roles de su aplicación de proveedor.
  P.ej: Función


• Asigne el rol de WordPress al rol de Proveedor: Según su aplicación de proveedor, puede asignar la función de WordPress a sus funciones de proveedor. Puede ser estudiante, profesor, administrador o cualquier otro dependiendo de su aplicación. Agregue los roles de proveedor en Valor de atributo de grupo y asigne el rol de WordPress requerido delante de él en Rol de WordPress.
  
  Por ejemplo:, en la imagen de abajo. Al maestro se le ha asignado el rol de administrador y al estudiante el rol de suscriptor.

• Una vez que guarde la asignación, al rol de proveedor se le asignará el rol de administrador de WordPress después del SSO.
  Ejemplo: Según el ejemplo dado, los usuarios con el rol de "maestro" se agregarán como administradores en WordPress y el "estudiante" se agregará como suscriptor.

5: Configuración de inicio de sesión/Configuración de inicio de sesión

• La configuración en la pestaña Configuración de inicio de sesión único (SSO) define la experiencia del usuario para el inicio de sesión único (SSO). Para agregar un widget de inicio de sesión de Webflow en su página de WordPress, debe seguir los pasos a continuación.

1. Inicie sesión en la configuración para WordPress 5.7 y versiones anteriores:

• Ve a Panel izquierdo de WordPress > Apariencias > Widgets.
• Seleccione miniOrange OAuth. Arrastra y suelta en tu ubicación favorita y guarda.


2. Iniciar sesión en la configuración de WordPress 5.8:

• Ve a Panel izquierdo de WordPress > Apariencias > Widgets.
• Seleccione miniOrange OAuth. Arrastra y suelta en tu ubicación favorita y guarda.

• Abra su página de WordPress y podrá ver el botón de inicio de sesión SSO de Webflow allí. Puedes probar el Inicio de sesión único (SSO) de flujo web ahora.

En esta guía, ha configurado correctamente Inicio de sesión único (SSO) de flujo web configurando Webflow como proveedor de OAuth y WordPress como cliente de OAuth utilizando nuestro complemento WP OAuth Single Sign-On (OAuth & OpenID Connect Client). Esta solución garantiza que esté listo para implementar un acceso seguro a su sitio de WordPress utilizando las credenciales de inicio de sesión de Webflow SSO en cuestión de minutos.

Recursos adicionales

• ¿Qué es OAuth 2.0?
• Descripción general de la autenticación con OAuth 2.0
• Preguntas frecuentes (FAQ)