Le plugin WordPress OAuth Server permet l'authentification unique (SSO) dans React. js en utilisant votre nom d'utilisateur et votre mot de passe WordPress. Une fois que vous avez configuré React. js avec le plugin WP OAuth Server, vous pouvez vous connecter à votre React. js utilisant les informations d’identification WP. Le plugin OAuth Server vous permet également d'envoyer des attributs utilisateur WordPress personnalisés à votre React. js selon vos besoins. Pour en savoir plus sur les autres fonctionnalités que nous proposons dans le plugin WP OAuth Server, vous pouvez cliquez ici .

Téléchargement et installation

• Connectez-vous à votre instance WordPress en tant qu'administrateur.
• Aller sur WordPress Tableau de bord -> Plugins et cliquez sur Ajouter un nouveau véhicule .
• Rechercher un WordPress Authentification unique (SSO) du serveur OAuth plugin et cliquez sur Installer maintenant.
• Une fois installé cliquez sur Activer.

Étapes pour configurer la connexion WordPress dans React.js

1. Configurez React.js en tant que client OAuth

• Vous devrez intégrer le API du serveur OAuth into the Application React.Js afin d'activer le SSO.
• Après avoir intégré les API du serveur OAuth dans votre application React, copiez le URL de redirection et gardez-le à portée de main, vous en aurez besoin plus tard.
• Fournir le l'ID client, le secret client, et d'autres informations requises. (Reportez-vous au tableau ci-dessous).

Identité du client :	Cliquez ici
Secret client :	Cliquez ici
Portée:	profil ouvert
Autoriser le point de terminaison :	https://< your-wordpress-domain >/wp-json/moserver/authorize
Point de terminaison du jeton d’accès :	https://< your-wordpress-domain >/wp-json/moserver/token
Obtenir le point de terminaison des informations utilisateur :	https://< your-wordpress-domain >/wp-json/moserver/resource

• Maintenant, cliquez sur Épargnez .

2. Configurez WordPress en tant que serveur OAuth

• Cliquez sur Serveur OAuth miniOrange dans le menu de gauche.
• Maintenant, recherchez le client OAuth requis (c'est-à-dire Réagir).
• Cliquez sur le Réagir icône.

• Entrer Nom du client comme tu veux. Obtenir le URL de redirection/rappel depuis React.js et entrez sous URI de redirection autorisé domaine. Cliquer sur Enregistrer le client .

• Inscrire ID client, secret client, points de terminaison et portée à configurer dans votre client OAuth.

Dans ce guide, vous avez configuré avec succès l'authentification unique (SSO) dans React.js avec WordPress comme fournisseur OAuth et React.js comme client OAuth à l'aide de notre plugin WP OAuth Server. Cette solution garantit que vous êtes prêt à déployer un accès sécurisé à votre React.js à l'aide des informations d'identification du site WordPress en quelques minutes.