Facebook Single Sign-On (SSO) mit OAuth für WordPress konfigurieren

Übersicht

Die Einrichtung der Facebook-Anmeldung in WordPress (Facebook SSO) mit OAuth2 ist dank des OAuth/OpenID Connect Single Sign-On (SSO)-Plugins für WordPress ganz einfach. Sie können das Plugin mit verschiedenen anderen Social-Media-Anbietern sowie benutzerdefinierten OAuth- und OIDC-Anbietern konfigurieren. Es unterstützt erweiterte Single-Sign-On-Funktionen (SSO) wie die Zuordnung von Benutzerprofilattributen und Rollen. In dieser Anleitung erfahren Sie, wie Sie SSO zwischen WordPress und Facebook konfigurieren. Nach Abschluss dieser Anleitung sollten sich Ihre Benutzer über Facebook in WordPress anmelden können. Weitere Informationen zu den Funktionen des OAuth Single Sign-On (OAuth & OpenID Connect Client)-Plugins für WordPress finden Sie hier.

Download Plugin Tarifpläne Kostenlose Testversion

Voraussetzungen: Download und Installation

• Melden Sie sich als Administrator bei Ihrer WordPress-Instanz an.
• Gehen Sie zu WordPress Dashboard -> Plugins und klicken Sie auf Inserat erstellen.
• Suche nach einem OAuth Single Sign-On (SSO)-Plugin für WordPress und klicken Sie auf Jetzt installieren.
• Klicken Sie nach der Installation auf Mehr erfahren.

Schritte zur Konfiguration der Facebook-Single-Sign-On-Anmeldung (SSO) bei WordPress

1. Facebook als OAuth-Anbieter einrichten

• Um loszulegen, gehen Sie zur Facebook-Entwicklerkonsole und klicken Sie auf werden auf dieser Seite erläutert und melde dich mit deinem Facebook-Entwicklerkonto an bzw. logge dich ein.

• Gehen Sie zur Facebook Developers-Apps-Seite und klicken Sie auf App erstellen Schaltfläche zum Hinzufügen einer neuen App.

• Dann wählen Sie die Erlauben Sie Personen, sich mit ihrem Facebook-Konto anzumelden Option als Anwendungsfall und Drücken Weiter.

• Geben Sie die App Name und Kontakt-E-Mail hinzufügen Klicken Sie anschließend auf Ihre jeweilige Facebook-App. App erstellen Schaltfläche, um Ihre Einstellungen zu speichern.

• Zurück Nach App-Einstellungen -> Grundlegend um Ihre App-ID und Ihr App-Geheimnis anzuzeigen. Der App ID Ihr Kunden-ID und der App Geheimnis Ihr KundengeheimnisHalten Sie diese Werte bereit, da Sie sie später zur Konfiguration des miniOrange OAuth Single Sign-On SSO-Plugins benötigen (siehe Abbildungen unten).
• App-Domäne: Tragen Sie dort die Domain Ihrer Website ein.
• Datenschutz URL: Tragen Sie in dieses Feld die URL ein, die zu Ihrer Datenschutzrichtlinienseite führt.
• Nutzungsbedingungen: Tragen Sie in dieses Feld die URL ein, die zu den Nutzungsbedingungen Ihrer Website führt.
• Löschung von Benutzerdaten: Im Dropdown-Menü die URL für die Datenlöschungsanleitung auswählen (Geben Sie die URL Ihrer Seite ein, auf der die Anweisungen für Benutzer stehen, wie sie ihre Konten auf Ihrer Website löschen können).
• Wähle ein Kategorie aus der Dropdown-Liste im Feld „Kategorie“ und wählen Sie die aus Zweck der App Wählen Sie die Option aus, die Ihre App am besten beschreibt, und drücken Sie dann Änderungen speichern um Ihre Konfigurationen zu speichern.

• Scrollen Sie nun nach unten und klicken Sie auf Plattform hinzufügen Taste. Wähle aus Website Diese Option nutzen Sie, wenn Sie Ihr Facebook-Login in eine Website integrieren möchten. Klicken Sie auf Weiter.

• Als nächstes geben Sie die Site URL (von Ihrem miniOrange OAuth Single Sign-On) und klicken Gespeichert. Dann klick Fortfahren.

• Klicken Sie auf Anwendungsfälle Registerkarte auf der linken Seite und klicken Sie dann auf Anpassen Schaltfläche, die neben dem angezeigt wird Authentifizierung und Kontoerstellung Artikel.

• Unterhalb der Berechtigungen Abschnitt, finden Sie die E-Mail Erlaubnis und klicken Sie auf Speichern .


Standardmäßig verfügt Ihre Anwendung nur über Standardzugriff für die Berechtigungen „public_profile“ und „email“. Das bedeutet, dass sich nur Sie damit anmelden können. Um erweiterten Zugriff zu erhalten, müssen Sie die Unternehmensverifizierung durchlaufen. Diese können Sie auf der Registerkarte „Verifizierung“ auf der linken Seite starten.

• Unter dem Facebook-Login >> Einstellungen Abschnitt klicken Sie auf Gehe zu den Einstellungen Schaltfläche zum Hinzufügen der Umleitungs-/Callback-URL.

• In die Gültige OAuth-Umleitungs-URIs Feld hinzufügen Weiterleitungs-/Rückruf-URL die Sie über das miniOrange OAuth Single Sign-On (SSO)-Plugin erhalten. Klicke auf Änderungen speichern .

• Ihre App befindet sich derzeit im Entwicklungsmodus, was bedeutet, dass sie von Personen außerhalb Ihres Unternehmens nicht genutzt werden kann. Sobald die Verifizierung abgeschlossen ist, klicken Sie auf die Schaltfläche Geh Leben Klicken Sie auf den Tab und veröffentlichen Sie Ihre App, indem Sie darauf klicken. Geh Leben Die Schaltfläche befindet sich unten rechts. Bevor Sie sie drücken, empfiehlt es sich, die auf der Seite „Live gehen“ aufgeführten Schritte zu überprüfen und sicherzustellen, dass Sie alles korrekt konfiguriert haben.

Sie haben Facebook erfolgreich als Social Login (OAuth-Anbieter) in Ihre WordPress-Website eingebunden.

Schritt 2: WordPress als OAuth-Client einrichten

• Frei
• Premium

• Zurück Nach Konfigurieren Sie OAuth Tab und klicken Sie auf Neue Anwendung hinzufügen um Ihrer Website eine neue Client-Anwendung hinzuzufügen.

• Wählen Sie hier Ihre Anwendung aus der Liste der OAuth-/OpenID-Connect-Anbieter aus Facebook

• Nachdem Sie den Anbieter ausgewählt haben, kopieren Sie die Rückruf-URL die in der SSO-Anwendungskonfiguration des OAuth-Anbieters konfiguriert werden muss.
• Geben Sie die Anmeldeinformationen des Kunden ein Kunden-ID & Kundengeheimnis die Sie von der Facebook SSO-Anwendung erhalten.
• Informationen zur Konfiguration finden Sie in der folgenden Tabelle Endpunkte für Facebook im Plugin.

App Name:	Facebook
Endpunkt autorisieren:	https://www.facebook.com/dialog/oauth
Zugriffstoken-Endpunkt:	https://graph.facebook.com/v2.8/oauth/access_token
Endpunkt zum Abrufen von Benutzerinformationen:	https://graph.facebook.com/me/?fields=id,name,email,age_range,first_name,gender,last_name,link
Umfang:	public_profile-E-Mail

• Klicken Sie auf Weiter.

• Nachdem Sie alle Details auf der Zusammenfassungsseite überprüft haben, klicken Sie auf Farbe um die Konfiguration zu speichern und die SSO-Verbindung zu testen.

Sie haben WordPress erfolgreich als OAuth-Client konfiguriert , um die Benutzerauthentifizierung mit Facebook Single Sign-On (SSO) auf Ihrer WordPress-Website zu ermöglichen.

• Zurück Nach Konfigurieren Sie OAuth Klicken Sie hier und suchen Sie nach dem Namen Ihrer Anwendung, um eine neue Clientanwendung zu Ihrer Website hinzuzufügen. Facebook.

• Informationen zur Konfiguration finden Sie in der folgenden Tabelle Umfang und Endpunkte für Facebook im Plugin.

Umfang:	E-Mail identifizieren
Endpunkt autorisieren:	https://www.facebook.com/dialog/oauth
Zugriffstoken-Endpunkt:	https://graph.facebook.com/v2.8/oauth/access_token
Endpunkt zum Abrufen von Benutzerinformationen:	https://graph.facebook.com/me/?fields=id,name,email,age_range,first_name,gender,last_name,link

• Wählen Sie Ihre Erteilungsart aus der Liste der Optionen und klicken Sie auf Einstellungen speichern um die Konfiguration zu speichern.

Sie haben WordPress erfolgreich als OAuth-Client konfiguriert , um die Benutzerauthentifizierung mit Facebook Single Sign-On (SSO) auf Ihrer WordPress-Website zu ermöglichen.

Schritt 3: Benutzerattributzuordnung

• 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.

Suchen von Benutzerattributen:

• Zurück Nach Konfigurieren Sie OAuth Tab. Scrollen Sie nach unten und klicken Sie auf Testkonfiguration.

• Alle von Ihrem OAuth-Anbieter an WordPress zurückgegebenen Werte werden in einer Tabelle angezeigt. Sollten Werte für E-Mail-Adresse, Benutzername usw. fehlen, passen Sie die Einstellungen Ihres OAuth-Anbieters entsprechend an, damit diese Informationen übermittelt werden.
• Wenn Sie alle Werte in der Testkonfiguration sehen, gehen Sie zu Attribut-/Rollenzuordnung Über den Tab gelangen Sie zur Liste der Attribute in den Dropdown-Menüs.

4. Anmeldeeinstellungen

• Die Einstellungen im Tab „Single Sign-On (SSO)-Einstellungen“ definieren die Benutzererfahrung für Single Sign-On (SSO). Um ein Facebook-Login-Widget auf Ihrer WordPress-Seite hinzuzufügen, müssen Sie die folgenden Schritte ausführen.

• WordPress 5.7 und darunter
• WordPress 5.8
• WordPress 5.9 und höher

• Zurück Nach Linkes WordPress-Panel > Erscheinungsbilder > Widgets.
• Auswählen miniOrange OAuth. Ziehen Sie es per Drag-and-Drop an Ihren Lieblingsort und speichern Sie es.

• Zurück Nach Linkes WordPress-Panel > Erscheinungsbilder > Widgets.
• Auswählen miniOrange OAuth. Ziehen Sie es per Drag-and-Drop an Ihren Lieblingsort und speichern Sie es.

• Öffnen Sie Ihre WordPress-Seite, dort sehen Sie den Facebook-SSO-Anmeldebutton. Sie können Facebook Single Sign-On (SSO) jetzt testen.

• Stellen Sie sicher, dass die „Auf Anmeldeseite anzeigen“ Die Option ist für Ihre Anwendung aktiviert. (Siehe das Bild unten)

• Jetzt geh zu deinem WordPress Login (Beispiel: https://<your-wordpress-domain >/wp-login.php)
• Dort sehen Sie einen Facebook-SSO-Anmeldebutton. Sobald Sie auf den Anmeldebutton klicken, können Sie Facebook Single Sign-On (SSO) testen.

In dieser Anleitung haben Sie Facebook Single Sign-On (SSO) erfolgreich konfiguriert , indem Sie Facebook als OAuth-Anbieter und WordPress als OAuth-Client mithilfe unseres OAuth Single Sign-On (OAuth & OpenID Connect Client) Plugins für WordPress eingerichtet haben. Mit dieser Lösung können Sie innerhalb weniger Minuten einen sicheren Zugriff auf Ihre WordPress-Website mit Ihren Facebook-Anmeldedaten ermöglichen.

Ähnliche Artikel

• Was ist OAuth 2.0?
• OAuth mit Facebook
• Häufig gestellte Fragen (FAQs)