React.js OAuth SSO mit WordPress als OAuth-Server | React.js SSO mit WordPress
Übersicht
Das OAuth-Server-Plugin für WordPress ermöglicht Single Sign-On (SSO) in React.js mit Ihrem WordPress-Benutzernamen und -Passwort. Nach der Konfiguration von React.js mit dem OAuth-Server-Plugin können Sie sich mit Ihren WordPress-Zugangsdaten anmelden. Das Plugin erlaubt Ihnen außerdem, benutzerdefinierte WordPress-Benutzerattribute an Ihre React.js-Anwendung zu senden. Weitere Informationen zu den Funktionen des OAuth-Server-Plugins finden Sie hier.
Voraussetzungen: Download und Installation
- Melden Sie sich als Administrator bei Ihrer WordPress-Instanz an.
- Gehen Sie zu WordPress Dashboard >> Plugins und klicken Sie auf Neues Plugin hinzufügen.
- Suchen Sie nach OAuth-Server-Single-Sign-On-Plugin (SSO) für WordPress und klicken Sie auf Jetzt installieren.
- Klicken Sie nach der Installation auf Mehr erfahren.
Konfigurationsschritte
Schritt 1: WordPress als OAuth-Server einrichten
- Zurück Nach miniOrange OAuth-Server im linken Seitenmenü.
- Suchen Sie nun nach Ihrem erforderlichen OAuth-Client (z. B Reagieren).
- Klicken Sie auf Reagieren klicken.
- Enter Kundenname wie du willst. Bekommen das Weiterleitungs-/Rückruf-URL von React.js und geben Sie unter ein Autorisierter Weiterleitungs-URI Feld. Klicke auf Kunde speichern .
- Notieren Client-ID, Client-Geheimnis, Endpunkte und Umfang zur Konfiguration in Ihrem OAuth-Client.
Schritt 2: React.js als OAuth-Client einrichten
- Sie müssen das integrieren OAuth-Server-APIs in die React.Js-Anwendung um SSO zu ermöglichen.
- Nachdem Sie die OAuth-Server-APIs in Ihre Reaktionsanwendung integriert haben, kopieren Sie die URL umleiten Bewahren Sie es griffbereit auf, Sie werden es später brauchen.
- Das ____ bereitstellen Client-ID, das Client-Geheimnis, und weitere erforderliche Informationen. (Siehe Tabelle unten).
| Kunden ID : | Mehr Info |
| Kundengeheimnis: | Mehr Info |
| Umfang: | Profil-OpenID |
| Endpunkt autorisieren: | https://< your-wordpress-domain >/wp-json/moserver/authorize |
| Zugriffstoken-Endpunkt: | https://< your-wordpress-domain >/wp-json/moserver/token |
| Endpunkt zum Abrufen von Benutzerinformationen: | https://< your-wordpress-domain >/wp-json/moserver/resource |
- Klicken Sie nun auf Gespeichert .
In dieser Anleitung haben Sie Single Sign-On (SSO) für React.js erfolgreich konfiguriert , wobei WordPress als OAuth-Anbieter und React.js als OAuth-Client mithilfe unseres OAuth-Server-Plugins für WordPress fungiert. Diese Lösung stellt sicher, dass Sie innerhalb weniger Minuten einen sicheren Zugriff auf Ihre React.js-Anwendung mit den Anmeldeinformationen Ihrer WordPress-Website ermöglichen können.
Ähnliche Artikel
Danke für Ihre Antwort. Wir werden uns bald bei Ihnen melden.
Etwas ist schief gelaufen. Bitte senden Sie Ihre Anfrage erneut
Jetzt registrieren
