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

1. Configure Instagram como proveedor de OAuth

• Para generar ID de cliente y secreto de cliente, deberá crear una aplicación de Instagram. puedes seguir estos pasos para crear una aplicación para Instagram.
• Active el complemento SSO de inicio de sesión único de OAuth (cliente OAuth).
• Visite la Configurar OAuth pestaña y seleccione Aplicación OAuth 2.0 personalizada del desplegable Aplicaciones personalizadas lista.
• Ingrese el ID de cliente y el secreto de cliente generados desde la aplicación de Instagram.
• Ingrese el alcance y los puntos finales que se indican en la siguiente tabla.
• Haga clic en el Guardar para guardar la configuración y haga clic en el Configuración de prueba.

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

2. Configure WordPress como cliente OAuth

• Gratuito
• Premium

• Ve a Configurar OAuth pestaña y clic Agregar nueva aplicación para agregar una nueva aplicación cliente a su sitio web.

• Elija su aplicación de la lista de proveedores de OAuth/OpenID Connect, aquí Instagram.

• Copia el URL de devolución de llamada que se utilizará en la configuración del proveedor de OAuth y haga clic en Siguiente.

• Configurar Nombre de la aplicación. Copie y pegue los puntos finales de la siguiente tabla.



Identificación del cliente:	desde la aplicación de instagram configurada
Secreto del cliente:	desde la aplicación de instagram configurada
Alcance:	perfil_usuario media_usuario
Autorizar punto final:	https://api.instagram.com/oauth/authorize
Punto final del token de acceso:	https://api.instagram.com/oauth/access_token
Obtener punto final de información del usuario:	https://graph.instagram.com/me?fields=id,username&access_token=
URL de redireccionamiento personalizada después de cerrar sesión:[Opcional]	https://instagram.com/accounts/logout



• Ingrese las credenciales del cliente como ID de cliente y secreto de cliente como se muestra en el cuadro de diálogo de configuración. Introduzca el valor del alcance como perfil_usuario, media_usuario. Hacer clic Siguiente.

• Verifique los detalles de configuración y haga clic en Acabado para guardar la configuración.

• Ve a Configurar OAuth y busque el nombre de su aplicación para agregar una nueva aplicación cliente a su sitio web, aquí Instagram.

• Configurar Nombre de la aplicación, ID del cliente, secreto del cliente, dominio desde la aplicación SSO de Instagram

• Escoge tu Tipo de beca de la lista de opciones y haga clic en Guardar configuración para guardar la configuración.

Has configurado correctamente WordPress como cliente OAuth para lograr iniciar sesión en Instagram 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

• 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 Instagram en su página de WordPress, debe seguir los pasos a continuación.

Configuración de inicio de sesión para WordPress 5.7 y anteriores

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


Configuración de inicio de sesión para 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 Instagram allí. Puedes probar el inicio de sesión único (SSO) de Instagram ahora.

Configuración de inicio de sesión para WordPress 5.9

• Asegúrese de que el "Mostrar en la página de inicio de sesión" La opción está habilitada para su aplicación. (Consulte la imagen a continuación)

• Ahora ve a tu Iniciar sesión en WordPress . (Por ejemplo, https://<su-dominio-wordpress>/wp-login.php)
• Verá un botón de inicio de sesión SSO de Instagram allí. Una vez que haga clic en el botón de inicio de sesión, podrá probar el inicio de sesión único (SSO) de Instagram.


En esta guía, ha configurado correctamente Inicio de sesión único (SSO) de Instagram configurando Instagram 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 Instagram en cuestión de minutos.

Recursos adicionales

• API Graph de Instagram como proveedor de OAuth / OpenID Connect
• Inicio de sesión único (SSO) de WordPress OAuth / OpenID Connect / JWT
• ¿Qué es OAuth 2.0 y cómo funciona?
• Preguntas Frecuentes

¿Necesitas ayuda?

Envíenos un correo electrónico a oauthsupport@xecurify.com para obtener orientación rápida (por correo electrónico/reunión) sobre sus necesidades y nuestro equipo le ayudará a seleccionar la mejor solución/plan adecuado según sus necesidades.