Suchergebnisse :

×

Auth0 Single Sign-On (SSO) | WordPress-Login mit Auth0

Auth0 Single Sign-On (SSO) | WordPress-Login mit Auth0


Das WordPress OAuth & OpenID Connect Single Sign-On (SSO)-Plugin ermöglicht die sichere Anmeldung bei WordPress mit Auth0 als OAuth- und OpenID Connect-Anbieter. Sie können das Plugin auch mit verschiedenen benutzerdefinierten Anbietern und Standard-IDPs konfigurieren. Es unterstützt erweiterte Single Sign-On (SSO)-Funktionen wie die Zuordnung von Benutzerprofilattributen, Rollenzuordnung usw. Hier werden wir eine Anleitung zum Konfigurieren von SSO zwischen WordPress und Auth0 durchgehen. Am Ende dieses Handbuchs sollten Benutzer in der Lage sein, sich über Auth0 bei WordPress anzumelden. Um mehr über andere Funktionen zu erfahren, die wir im WP OAuth Single Sign-On-Plugin (OAuth & OpenID Connect Client) bereitstellen, können Sie hier klicken Klicke 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 Neu hinzufügen.
  • Suche nach einem WordPress OAuth Single Sign-On (SSO) Plugin und klicken Sie auf Jetzt installieren.
  • Klicken Sie nach der Installation auf Mehr erfahren.


Schritte zum Konfigurieren von Auth0 Single Sign-On (SSO) – Auth0 OAuth-Anmeldung bei WordPress

1. Richten Sie Auth0 als OAuth-Anbieter ein

  • Gehen Sie zu https://auth0.com/auth/login und registrieren oder anmelden.
  • Gehen Sie zu Anwendungen Klicken Sie im linken Bereich auf die Registerkarte und klicken Sie dann auf Anwendungen.
  • OAuth/OpenID/OIDC Single Sign-On (SSO),Auth0 SSO Login gehen Sie zu Anwendungen
  • Klicken Sie auf Anwendung erstellen um eine neue Anwendung zu erstellen.
  • OAuth/OpenID/OIDC Single Sign-On (SSO), Auth0 SSO-Anmeldung, Anwendung erstellen
  • Auswählen Regelmäßige Webanwendungen und klicken Sie auf Erstellen .
  • OAuth/OpenID/OIDC Single Sign-On (SSO),Auth0 SSO Login wählen Sie eine reguläre Web-App
  • Gehe jetzt zu Einstellungen Tab.
  • OAuth/OpenID/OIDC Single Sign-On (SSO), Auth0 SSO Login gehen Sie zur Einstellung
  • Scrollen Sie nach unten Anwendungs-URIs Abschnitt und geben Sie die Rückruf-URL was Sie vom Plugin erhalten. Scrollen Sie dann nach unten und klicken Sie auf „Änderungen speichern“.
  • OAuth/OpenID/OIDC Single Sign-On (SSO), Auth0 SSO Login-Rückruf-URL
  • Kopieren Sie die Kunden-ID und Kundengeheimnis Wählen Sie die grundlegenden Informationen auf der Registerkarte „Einstellungen“ aus und speichern Sie sie in der Konfiguration Ihres miniOrange OAuth-Client-Plugins.
  • OAuth/OpenID/OIDC Single Sign-On (SSO), Auth0 SSO-Login-Client-Anmeldeinformationen
  • Gehe jetzt zu Nutzer Registerkarte in der Benutzerverwaltung im linken Bereich.
  • OAuth/OpenID/OIDC Single Sign-On (SSO), Auth0 SSO-Anmeldung, gehe zum Benutzer
  • Klicken Sie auf Benutzer erstellen um einen neuen Benutzer anzulegen.
  • OAuth/OpenID/OIDC Single Sign-On (SSO), Auth0 SSO-Anmeldung, Benutzer erstellen
  • Geben Sie alle erforderlichen Daten ein und klicken Sie auf Erstellen.
  • OAuth/OpenID/OIDC Single Sign-On (SSO), Auth0 SSO-Anmeldung erfüllt Benutzeranforderungen

Sie haben erfolgreich konfiguriert Auth0 als OAuth-Anbieter für die Auth0-SSO-Anmeldung bei Ihrer WordPress-Site.


2. Richten Sie WordPress als OAuth-Client ein


  • Gehen Sie zu Konfigurieren Sie OAuth Tab und klicken Sie auf Neue Anwendung hinzufügen um eine neue Client-Anwendung zu Ihrer Website hinzuzufügen.
  • Auth0 Single Sign-On (SSO) – Auth0 OAuth OAuth – Neue Anwendung hinzufügen
  • Wählen Sie hier Ihre Anwendung aus der Liste der OAuth-/OpenID-Connect-Anbieter aus Auth0
  • Auth0 Single Sign-On (SSO) – Auth0 OAuth OAuth – Anwendung auswählen
  • Nachdem Sie den Anbieter ausgewählt haben, kopieren Sie die Rückruf-URL Dies muss in der SSO-Anwendungskonfiguration des OAuth-Anbieters konfiguriert werden.
  • Geben Sie die Anmeldeinformationen des Kunden ein Kunden-ID & Kundengeheimnis die Sie von der Auth0-SSO-Anwendung erhalten.
  • Einrichtung Domain Name gefunden in der Auth0-SSO-Anwendung. Informationen zur Konfiguration finden Sie in der folgenden Tabelle Umfang und Endpunkte für Auth0 im Plugin.
  • Hinweis: Sobald Sie das Auth0-Konto erstellt haben, finden Sie das Domain-URL und Sie müssen dasselbe in den folgenden Endpunkten hinzufügen.


    Umfang: openid-Profil-E-Mail
    Endpunkt autorisieren: https://<Auth0-app-domain>/authorize
    Zugriffstoken-Endpunkt: https://<Auth0-app-domain>/oauth/token
    Endpunkt zum Abrufen von Benutzerinformationen: https://<Auth0-app-domain>/userinfo

    Auth0 Single Sign-On (SSO) – Auth0 OAuth OAuth – Client-Anmeldeinformationen hinzufügen
  • Klicken Sie auf Weiter.
  • Nachdem Sie alle Details auf der Zusammenfassungsseite überprüft haben, klicken Sie auf „Fertig stellen“, um die Konfiguration zu speichern und die SSO-Verbindung zu testen.
  • Auth0 Single Sign-On (SSO) – Einrichtung abschließen

Sie haben erfolgreich konfiguriert WordPress als OAuth-Client für die Auth0-Anmeldung bei Ihrer WordPress-Site.


3. Zuordnung von Benutzerattributen

  • Die Zuordnung von Benutzerattributen ist obligatorisch, damit sich Benutzer erfolgreich bei WordPress anmelden können. Wir werden Benutzerprofilattribute für WordPress mithilfe der folgenden Einstellungen einrichten.
  • Benutzerattribute finden

    • Gehen Sie zu Konfigurieren Sie OAuth Tab. Scrollen Sie nach unten und klicken Sie auf Testkonfiguration.
    • Auth0 Single Sign-On (SSO) – Auth0 OAuth – Testkonfiguration
    • Sie sehen alle von Ihrem OAuth-Anbieter an WordPress zurückgegebenen Werte in einer Tabelle. Wenn für „Vorname“, „Nachname“, „E-Mail“ oder „Benutzername“ kein Wert angezeigt wird, nehmen Sie die erforderlichen Einstellungen in Ihrem OAuth-Anbieter vor, um diese Informationen zurückzugeben.
    • Wenn Sie alle Werte in der Testkonfiguration sehen, gehen Sie zu Attribut-/Rollenzuordnung Auf der Registerkarte „Benutzername“ erhalten Sie die Liste der Attribute in einem Dropdown-Menü „Benutzername“.
    • Auth0 Single Sign-On (SSO) – Auth0 OAuth – Attribut-/Rollenzuordnung

4. Rollenzuordnung [Premium]

  • Klicken Sie auf „Testkonfiguration“ und Sie erhalten die Liste der Attributnamen und Attributwerte, die von Ihrem OAuth-Anbieter gesendet werden.
  • Ordnen Sie im Fenster „Testkonfiguration“ die Attributnamen im Abschnitt „Attributzuordnung“ des Plugins zu. Weitere Einzelheiten finden Sie im Screenshot.
  • WordPress OAuth-Client-Plugin SSO: Attributzuordnung
  • Rollenzuordnung aktivieren: Um die Rollenzuordnung zu aktivieren, müssen Sie das Gruppennamenattribut zuordnen. Wählen Sie den Attributnamen aus der Attributliste aus, der die Rollen aus Ihrer Anbieteranwendung zurückgibt.
    Z.B: Rollen

  • WordPress OAuth-Client-Plugin SSO: Testkonfiguration – Rollenzuordnung
  • Weisen Sie der Provider-Rolle die WordPress-Rolle zu: Basierend auf Ihrem Provider-Antrag können Sie die WordPress-Rolle Ihren Provider-Rollen zuordnen. Abhängig von Ihrer Bewerbung kann es sich um einen Schüler, einen Lehrer, einen Administrator oder einen anderen handeln. Fügen Sie unter Gruppenattributwert die Anbieterrollen hinzu und weisen Sie davor unter WordPress-Rolle die erforderliche WordPress-Rolle zu.

    Zum Beispiel, im Bild unten. Dem Lehrer wurde die Rolle des Administrators und dem Schüler die Rolle des Abonnenten zugewiesen.
  • WordPress OAuth-Client-Plugin SSO: Testkonfiguration – Rollenzuordnung
  • Sobald Sie die Zuordnung speichern, wird der Anbieterrolle nach SSO die WordPress-Administratorrolle zugewiesen.
    Beispiel: Gemäß dem angegebenen Beispiel werden Benutzer mit der Rolle „Lehrer“ als Administratoren in WordPress und „Schüler“ als Abonnenten hinzugefügt.

5. Erstellen Sie benutzerdefinierte Attribute in Auth0


  • Gehen Sie zu https://auth0.com/auth/login um sich bei Ihrem Auth-Entwicklerkonto anzumelden.
  • Gehen Sie im linken Bereich zu Aktion -> Flows -> Anmelden.
  • WordPress OAuth-Client-Plugin SSO: Testkonfiguration – Rollenzuordnung
  • Klicken Sie auf Aktion hinzufügen -> Benutzerdefiniert erstellen.
  • WordPress OAuth-Client-Plugin SSO: Testkonfiguration – Rollenzuordnung
  • Geben Sie Ihren Wunschnamen ein und behalten Sie die anderen Einstellungen bei. Klicke auf Erstellen .
  • WordPress OAuth-Client-Plugin SSO: Testkonfiguration – Rollenzuordnung
  • Schreiben Sie den folgenden Code in den Code-Editor. Klicken Sie nach dem Schreiben des Codes auf Deploy.
  •       
    
    Code:
      exports.onExecutePostLogin = async (event, api) => {
      const attr_name = "favorite_color";
      api.idToken.setCustomClaim( attr_name , 'Purple');
              
      // ... additional code
      };
              
    Code Description:
              
      attr_name: This will be the attribute name which will you want to create (favorite_color in my case)
              
      The function api.idToken.setCustomClaim(), expects the key and its value. Here, the key is attr_name, and its value is “Purple”
    
    
    WordPress OAuth-Client-Plugin SSO: Testkonfiguration – Rollenzuordnung
  • Nachdem Sie auf „Bereitstellen“ geklickt haben, kehren Sie zu zurück Aktion -> Flows -> Anmelden -> Benutzerdefiniert Ziehen Sie die von uns erstellte Aktion (Benutzerdefinierte Attribute hinzufügen) per Drag-and-Drop zwischen den Start- und den Abschlussablauf, wie unten gezeigt:
  • WordPress OAuth-Client-Plugin SSO: Testkonfiguration – Rollenzuordnung
  • Klicken Sie anschließend auf Jetzt bewerben .
  • Führen Sie abschließend die Testkonfiguration im miniOrange OAuth Single Sign-On-Plugin durch, um das benutzerdefinierte Attribut des Benutzers anzuzeigen, wie unten gezeigt:
  • WordPress OAuth-Client-Plugin SSO: Testkonfiguration – Rollenzuordnung

6. Anmeldeeinstellungen

  • Die Einstellungen auf der Registerkarte „Single Sign-On (SSO)-Einstellungen“ definieren die Benutzererfahrung für Single Sign-On (SSO). Um ein Auth0-Anmelde-Widget zu Ihrer WordPress-Seite hinzuzufügen, müssen Sie die folgenden Schritte ausführen.
    • Gehen Sie zu Linkes WordPress-Panel > Erscheinungsbilder > Widgets.
    • Auswählen miniOrange OAuth. Ziehen Sie es per Drag-and-Drop an Ihren Lieblingsort und speichern Sie es.
    • Auth0 Single Sign-on (SSO) – Einstellung der WordPress-Anmeldeschaltfläche „Neuen Client erstellen“.
    • Gehen Sie zu Linkes WordPress-Panel > Erscheinungsbilder > Widgets.
    • Auswählen miniOrange OAuth. Ziehen Sie es per Drag-and-Drop an Ihren Lieblingsort und speichern Sie es.
    • Auth0 Single Sign-on (SSO) – Einstellung der WordPress-Anmeldeschaltfläche „Neuen Client erstellen“.
    • Öffnen Sie Ihre WordPress-Seite und Sie können dort die Auth0-SSO-Anmeldeschaltfläche sehen. Sie können das Auth0 Single Sign-On (SSO) – Auth0 OAuth jetzt testen.
    • Stellen Sie sicher, dass die „Auf Anmeldeseite anzeigen“ Die Option ist für Ihre Anwendung aktiviert. (Siehe das Bild unten)
    • Auth0 Single Sign-on (SSO) – Auth0 OAuth – WordPress-Einstellung für die Anmeldeschaltfläche „Neuen Client erstellen“.
    • Jetzt geh zu deinem WordPress Login (Beispiel: https://<your-wordpress-domain >/wp-login.php)
    • Dort sehen Sie eine Auth0-SSO-Anmeldeschaltfläche. Sobald Sie auf die Schaltfläche „Anmelden“ klicken, können Sie Auth0 Single Sign-On (SSO) – Auth0 OAuth testen.
    • Auth0 Single Sign-on (SSO) – Einstellung der WordPress-Anmeldeschaltfläche „Neuen Client erstellen“.

Mit dem OAuth & OpenID Connect Single Sign-On (SSO)-Plugin haben Sie die WordPress Auth0-Authentifizierung erreicht und die Auth0 SSO-Anmeldung durch Konfiguration erfolgreich aktiviert Auth0 als OAuth-Anbieter und WordPress als OAuth-Client. Die Auth0-OAuth-Autorisierung bedeutet, dass Sie in wenigen Minuten bereit sind, einen sicheren Zugriff auf Ihre WordPress(WP)-Site bereitzustellen, sodass Benutzer sich sicher mit Auth0-SSO-Anmeldeinformationen authentifizieren können.

Weitere Informationen


Mailen Sie uns weiter oauthsupport@xecurify.com Für eine schnelle Beratung (per E-Mail/Besprechung) zu Ihren Anforderungen hilft Ihnen unser Team bei der Auswahl der für Ihre Anforderungen am besten geeigneten Lösung/Plan.

Hallo!

Brauchen Sie Hilfe? Wir sind hier!

Support
Kontaktieren Sie den miniOrange-Support
Erfolg

Vielen Dank für Ihre Anfrage.

Wenn Sie innerhalb von 24 Stunden nichts von uns hören, können Sie gerne eine Folge-E-Mail an senden info@xecurify.com