Configurar el inicio de sesión único (SSO) de Facebook con OAuth para WordPress

Resumen

Configurar el inicio de sesión de Facebook en WordPress (Facebook SSO) mediante OAuth2 es sencillo con el plugin OAuth / OpenID Connect Single Sign-On (SSO) para WordPress. Puedes configurar el plugin con otros proveedores de redes sociales o proveedores OAuth y OIDC personalizados. Admite funciones avanzadas de inicio de sesión único (SSO), como la asignación de atributos de perfil de usuario, la asignación de roles, etc. Aquí te mostramos una guía para configurar el SSO entre WordPress y Facebook. Al finalizar esta guía, los usuarios podrán iniciar sesión en WordPress desde Facebook. Para obtener más información sobre otras funciones que ofrecemos en el plugin OAuth Single Sign-On (OAuth & OpenID Connect Client) para WordPress, haz clic aquí.

Descargar Plugin Planes de Precios Prueba Gratuita

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 Complemento de inicio de sesión único (SSO) de OAuth para WordPress y haga clic en Instalar ahora .
• Una vez instalado, haga clic en Activa.

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

1. Configurar Facebook como proveedor de OAuth.

• Para empezar, ve a la consola de desarrolladores de Facebook, haz clic aquí y regístrate o inicia sesión con tu cuenta de desarrollador de Facebook.

• Vaya a la página de aplicaciones para desarrolladores de Facebook y haga clic en Crear aplicación Botón para añadir una nueva aplicación.

• Luego elige el Permitir que las personas inicien sesión con su cuenta de Facebook opción como caso de uso y presione Siguiente.

• Escriba el Nombre de la aplicación y Agregar correo electrónico de contacto para tu aplicación de Facebook respectivamente, luego haz clic en Crear aplicación botón para guardar su configuración.

• Vaya al Configuración de la aplicación -> Básica para ver su ID de aplicación y su secreto de aplicación. El ID de la aplicación es tuyo ID de cliente y conectar App secreta es tuyo Secreto del clienteTenga estos valores a mano, ya que los necesitará más adelante para configurar el complemento de inicio de sesión único (SSO) de miniOrange OAuth (consulte las imágenes a continuación).
• Dominio de la aplicación: Escribe ahí el dominio de tu sitio web.
• URL de la política de privacidad: Rellene este recuadro con la URL que enlaza con la página de política de privacidad de su sitio web.
• Condiciones del servicio: Rellene este recuadro con la URL que enlaza con la página de términos de servicio de su sitio web.
• Eliminación de datos de usuario: En el menú desplegable, seleccione URL de instrucciones para la eliminación de datos (Ingrese la URL de su página con las instrucciones sobre cómo los usuarios pueden eliminar sus cuentas en su sitio).
• Elija un categoría en el menú desplegable en el campo Categoría y elija la opción Propósito de la aplicación opción que describa mejor su aplicación, luego presione Guardar Cambios para guardar sus configuraciones.

• Ahora desplácese hacia abajo y haga clic en Agregar plataforma botón. Selecciona el Sitio web opción ya que estás intentando integrar tu inicio de sesión de Facebook con un sitio web. Haz clic en Siguiente.

• Luego, ingrese el URL del sitio (desde su inicio de sesión único miniOrange OAuth) y haga clic Guardar. Luego, haz clic Continuar.

• Haga clic en el elemento Casos de uso pestaña en el lado izquierdo y luego haga clic en el Personalizar botón que aparece junto al Autenticación y creación de cuenta. ít.

• Por debajo de la Permisos sección, encuentre el o enviar un email. permiso y haga clic en el Agregar .


De forma predeterminada, tu aplicación solo tiene acceso estándar para los permisos "public_profile" y "email", lo que significa que solo tú puedes iniciar sesión. Para obtener acceso avanzado, deberás completar la verificación empresarial, que puedes iniciar en la pestaña "Verificación" del lado izquierdo.

• En la sección Iniciar sesión en Facebook >> configuración sección haga clic en Ir a la configuración Botón para añadir la URL de redireccionamiento/devolución de llamada.

• HACIA EL URI de redireccionamiento de OAuth válidos campo agregar el URL de redireccionamiento/devolución de llamada que obtendrá del complemento miniOrange OAuth Single Sign-On (SSO). Haga clic en Guardar cambios .

• Actualmente, su aplicación está en modo de desarrollo, lo que también significa que las personas ajenas a su empresa no pueden usarla. Una vez completada la verificación, haga clic en el botón correspondiente. Ir a vivir pestaña y publique su aplicación haciendo clic en el Ir a vivir Botón situado en la esquina inferior derecha. Antes de pulsarlo, se recomienda comprobar los pasos indicados en la página "Puesta en marcha" para asegurarse de que todo está configurado correctamente.

Has configurado correctamente Facebook como sistema de inicio de sesión social (proveedor de OAuth) en tu sitio de WordPress.

Paso 2: Configurar WordPress como cliente OAuth

• Free
• Premium

• Vaya al Configurar OAuth y haga clic en 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í Facebook

• Después de seleccionar el proveedor copie el URL de devolución de llamada que debe configurarse en la configuración de la aplicación SSO del proveedor OAuth.
• Ingrese las credenciales del cliente como ID de cliente & Secreto del cliente que obtendrás desde la aplicación SSO de Facebook.
• Consulte la siguiente tabla para configurar el puntos finales para Facebook en el complemento.

Nombre de la aplicación:	Facebook
Autorizar punto final:	https://www.facebook.com/dialog/oauth
Punto final del token de acceso:	https://graph.facebook.com/v2.8/oauth/access_token
Obtener punto final de información del usuario:	https://graph.facebook.com/me/?fields=id,name,email,age_range,first_name,gender,last_name,link
Alcance:	correo electrónico de perfil público

• Haga clic en Siguiente.

• Después de verificar todos los detalles en la página de resumen, haga clic en Termine para guardar la configuración y probar la conexión SSO.

Has configurado correctamente WordPress como cliente OAuth para lograr la autenticación de usuarios mediante el inicio de sesión único (SSO) de Facebook en tu sitio de WordPress.

• Vaya al Configurar OAuth Pestaña y busque el nombre de su aplicación para agregar una nueva aplicación cliente a su sitio web, aquí Facebook.

• Consulte la siguiente tabla para configurar el Alcance y puntos finales para Facebook en el complemento.

Alcance:	identificar correo electrónico
Autorizar punto final:	https://www.facebook.com/dialog/oauth
Punto final del token de acceso:	https://graph.facebook.com/v2.8/oauth/access_token
Obtener punto final de información del usuario:	https://graph.facebook.com/me/?fields=id,name,email,age_range,first_name,gender,last_name,link

• 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 la autenticación de usuarios mediante el inicio de sesión único (SSO) de Facebook en tu sitio de WordPress.

Paso 3: Asignación 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:

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

• Verás todos los valores que tu proveedor de OAuth devuelve a WordPress en una tabla. Si no ves ningún valor para Email, Username, etc., realiza los ajustes necesarios en tu proveedor de OAuth para que devuelva esta información.
• Una vez que vea todos los valores en Configuración de prueba, vaya a Mapeo de atributos/roles En la pestaña, obtendrá la lista de atributos en los menús desplegables.

4. 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 Facebook a tu página de WordPress, debes seguir los pasos que se indican a continuación.

• WordPress 5.7 y versiones anteriores
• WordPress 5.8
• WordPress 5.9 y versiones posteriores

• Vaya al Panel izquierdo de WordPress > Apariencias > Widgets.
• Seleccionar miniOrange OAuth. Arrastra y suelta en tu ubicación favorita y guarda.

• Vaya al Panel izquierdo de WordPress > Apariencias > Widgets.
• Seleccionar miniOrange OAuth. Arrastra y suelta en tu ubicación favorita y guarda.

• Abre tu página de WordPress y verás el botón de inicio de sesión único (SSO) de Facebook. Ya puedes probar el inicio de sesión único (SSO) de Facebook.

• Asegúrese de que "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 Desbobinador hidráulico de alta resistencia:Para bobinas de mayor peso o necesidades de automatización más elevadas, visite ladesbobinador hidráulico de alta resistencia. (Por ejemplo, https://<su-dominio-wordpress>/wp-login.php)
• Allí verás un botón de inicio de sesión único (SSO) de Facebook. Al hacer clic en él, podrás probar el inicio de sesión único (SSO) de Facebook.

En esta guía, ha configurado correctamente el inicio de sesión único (SSO) de Facebook , configurando Facebook como proveedor de OAuth y WordPress como cliente de OAuth mediante nuestro plugin OAuth Single Sign-On (OAuth & OpenID Connect Client) para WordPress. Esta solución le permite implementar el acceso seguro a su sitio de WordPress con las credenciales de inicio de sesión de Facebook en cuestión de minutos.

Artículos Relacionados

• ¿Qué es OAuth 2.0?
• Autenticación OAuth con Facebook
• Preguntas Frecuentes (FAQ)