Integration mit WordPress

Dieser Leitfaden führt dich durch den Prozess der Integration von Logto in WordPress mithilfe des OIDC-Plugins. Aber zuerst lassen Sie uns einen Blick auf die Benutzererfahrung werfen, sobald die Integration abgeschlossen ist.

Der Anmeldeprozess mit Logto-Integration#

1. Der Benutzer greift auf die Anmeldeseite der WordPress-Seite zu, die standardmäßig [SITE URL]/wp-login.php ist, und es gibt einen Anmeldebutton für OIDC.
2. Der Benutzer klickt auf den Button und wird zur Logto-Anmeldeseite mit deiner angepassten Anmeldeerfahrung weitergeleitet.
3. Der Benutzer wählt eine Anmeldemethode, und Logto authentifiziert den Benutzer.
4. Sobald der Benutzer authentifiziert ist, wird er von Logto zurück zur WordPress-Seite weitergeleitet.
5. WordPress erstellt ein neues Benutzerkonto oder meldet das vorhandene Benutzerkonto an und leitet den Benutzer zur vorherigen Seite zurück.

Jetzt, da wir das Endergebnis der Integration von Logto mit WordPress gesehen haben, lass uns loslegen und in den Integrationsprozess eintauchen.

Voraussetzungen#

Bevor wir beginnen, stelle sicher, dass du Folgendes hast:

1. Eine WordPress-Seite: Eine voll funktionsfähige WordPress-Seite ist erforderlich. Sorge für administrativen Zugriff, um Plugins zu verwalten und Einstellungen zu konfigurieren.
2. Eine Logto-Instanz: Erstelle eine neue Logto-Instanz, indem du die Logto-Konsole besuchst, oder hoste deine eigene Instanz, indem du der Installationsanleitung folgst.

Integrationsschritte#

Schritt 1: Erstelle eine Logto-Anwendung#

1. Besuche die Logto-Konsole.
2. Navigiere zu "Anwendungen" und klicke auf "Anwendung erstellen".
3. Klicke auf "App ohne Framework erstellen".
4. Wähle "Traditionelles Web" als Anwendungstyp aus.
5. Nenne deine Anwendung und klicke auf "Anwendung erstellen".

Schritt 2: Installiere das Plugin#

1. Melde dich bei deiner WordPress-Seite an.
2. Navigiere zu "Plugins" und klicke auf "Neu hinzufügen".
3. Suche nach "OpenID Connect Generic" und installiere das Plugin von daggerhart.
4. Aktiviere das Plugin.

Schritt 3: Konfiguriere das Plugin#

1. Öffne die Plugin-Einstellungen, indem du zu "Einstellungen" > "OpenID Connect Generic" navigierst.
2. Fülle die folgenden Felder aus:
   • Client-ID: Die App-ID deiner Logto-Anwendung.
   • Client-Geheimnis: Das App-Geheimnis deiner Logto-Anwendung.
   • OpenID-Datenumfang: Gib email profile openid offline_access ein.
   • Login-Endpunkt-URL: Die Autorisierungsendpunkt-URL deiner Logto-Anwendung, die unter https://[tenant-id].logto.app/oidc/auth zu finden ist. Du kannst auf der Logto-Anwendungsseite auf "Endpunktdetails anzeigen" klicken, um die URL zu erhalten.
   • Userinfo-Endpunkt-URL: Die Userinfo-Endpunkt-URL deiner Logto-Anwendung, die sich unter https://[tenant-id].logto.app/oidc/me befindet.
   • Token-Validierungsendpunkt-URL: Die Token-Validierungsendpunkt-URL deiner Logto-Anwendung, die sich unter https://[tenant-id].logto.app/oidc/token befindet.
   • Ende-Sitzung-Endpunkt-URL: Die Ende-Sitzung-Endpunkt-URL deiner Logto-Anwendung, die sich unter https://[tenant-id].logto.app/oidc/session/end befindet.
   • Identitätsschlüssel: Der eindeutige Schlüssel im ID-Token, der die Identität des Benutzers enthält, es kann email oder sub sein, je nach Konfiguration.
   • Spitznamen-Schlüssel: Der Schlüssel im ID-Token, der den Spitznamen des Benutzers enthält. Du kannst ihn auf sub setzen und später ändern.

Schritt 4: Konfiguriere die Anwendung#

1. Scrolle in den Plugin-Einstellungen nach unten zum Abschnitt "Notizen" und kopiere den Wert der "Weiterleitungs-URI".
2. Navigiere in der Logto-Konsole zu den Einstellungen deiner Anwendung.
3. Füge die kopierte "Weiterleitungs-URI" in das Feld "Weiterleitungs-URIs" ein.

Schritt 5: Teste die Integration#

1. Melde dich von deiner WordPress-Seite ab.
2. Besuche die WordPress-Anmeldeseite und klicke auf den Button "Mit Logto anmelden".
3. Du wirst zur Logto-Anmeldeseite weitergeleitet.
4. Melde dich mit deinem Logto-Konto an.
5. Du wirst zurück zur WordPress-Seite weitergeleitet und automatisch angemeldet.

Abschließende Schritte#

Herzlichen Glückwunsch! Du hast Logto erfolgreich mit WordPress integriert.

Um die Integration weiter anzupassen, kannst du zusätzliche Funktionen auf der Einstellungsseite des Plugins erkunden, wie z. B. das Verknüpfen bestehender Benutzer, das Anpassen des Anmeldebuttons, die Verwendung des SSO-Modus und mehr.