El complemento WordPress OAuth Server permite el inicio de sesión único (SSO) en React. js usando su nombre de usuario y contraseña de WordPress. Una vez que configure React. js con el complemento WP OAuth Server, puede iniciar sesión en su React. js usando credenciales de WP. El complemento OAuth Server también le permite enviar atributos de usuario personalizados de WordPress a su React. js aplicación según sus requisitos. Para saber más sobre otras funciones que ofrecemos en el complemento WP OAuth Server, puede haga clic aquí.

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) del servidor OAuth complemento y haga clic en Instalar ahora .
• Una vez instalado, haga clic en Activar.

Pasos para configurar el inicio de sesión de WordPress en React.js

1. Configure React.js como cliente OAuth

• Necesitará integrar el API del servidor OAuth en el Aplicación React.Js para habilitar el SSO.
• Después de integrar las API del servidor OAuth en su aplicación de reacción, copie el URL a redirigir y mantenlo a mano, lo necesitarás más tarde.
• Proporcione el ID del cliente, el secreto del cliente, y otra información que se requiera. (Consulte la siguiente tabla).

Identificación del cliente :	Haga clic aquí
Secreto del cliente:	Haga clic aquí
Alcance:	perfil abierto
Autorizar punto final:	https://< your-wordpress-domain >/wp-json/moserver/authorize
Punto final del token de acceso:	https://< your-wordpress-domain >/wp-json/moserver/token
Obtener punto final de información del usuario:	https://< your-wordpress-domain >/wp-json/moserver/resource

• Ahora, haga clic en Guardar del botón.

2. Configure WordPress como servidor OAuth

• Ve a Servidor miniOrange OAuth en el menú del lado izquierdo.
• Ahora, busque el cliente OAuth que necesite (es decir, Reaccionar).
• Haga clic en el Reaccionar del icono.

• Participar Nombre del cliente como quieras. Consigue el URL de redireccionamiento/devolución de llamada desde React.js e ingrese en URI de redireccionamiento autorizado campo. Haga clic en Guardar cliente del botón.

• Anota ID de cliente, secreto de cliente, puntos finales y alcance para configurar en su cliente OAuth.

En esta guía, ha configurado correctamente el inicio de sesión único (SSO) en React.js con WordPress como proveedor de OAuth y React.js como cliente de OAuth utilizando nuestro complemento WP OAuth Server. Esta solución garantiza que esté listo para implementar un acceso seguro a su React.js utilizando las credenciales del sitio de WordPress en cuestión de minutos.