Joomla OAuth-Client-Integration mit Facebook Single Sign-On (SSO)
Übersicht
Diese Anleitung bietet einen umfassenden Überblick über die Einrichtung unserer Joomla OAuth-Client-Erweiterung, um die Benutzeranmeldung über Facebook zu ermöglichen. Mit diesen Schritten können Sie Ihrer Website einen „Mit Facebook anmelden“-Button hinzufügen, der Benutzern eine schnelle und bequeme Möglichkeit zur Registrierung und Anmeldung bietet.
Die Integration des Facebook-Logins ist eine der effektivsten Möglichkeiten, Registrierungsprobleme zu vermeiden. Da viele Nutzer bereits über ein Facebook-Konto verfügen, können sie mit dieser Social-Login-Methode mit nur einem Klick auf Ihre Website zugreifen, ohne neue Anmeldedaten erstellen und sich merken zu müssen.
Um OAuth Single Sign-On zwischen Joomla und Facebook einzurichten, können Sie auch dieser Schritt-für-Schritt-Anleitung folgen. Video einrichten.
Konfigurationsschritte
In dieser Konfiguration Facebook fungiert als OAuth-Server, während Joomla ermöglicht Benutzern die Anmeldung mit ihren Facebook-Anmeldeinformationen unter Verwendung des Joomla OAuth-Client-Plugin.
Schritt 1: Installieren Sie das Joomla OAuth Client Plugin
- Melden Sie sich bei Ihrer Joomla-Site an Administrator Konsole.
- Klicken Sie im linken Umschaltmenü auf System, dann klicken Sie im Abschnitt „Installieren“ auf Erweiterungsoptionen.
- Klicken Sie nun auf Oder Suchen Sie nach einer Datei Klicken Sie auf die Schaltfläche, um die zuvor heruntergeladene Plugin-Datei zu finden und zu installieren.
- Die Installation des Plugins ist erfolgreich. Klicken Sie nun auf Jetzt loslegen!
- Der OAuth konfigurieren -> Vorkonfigurierte Apps Wählen Sie auf der Registerkarte Ihre aus OAuth-AnbieterSie können auch Ihren eigenen benutzerdefinierten Anbieter konfigurieren, indem Sie zu folgender Seite navigieren: Custom Application Tab.
- Nachdem Sie Ihren OAuth-Anbieter ausgewählt haben, kopieren Sie die Rückruf-/Umleitungs-URL die wir verwenden werden, um den OAuth-Server zu konfigurieren, klicken Sie dann auf die Speichern weiter .
Schritt 2: Facebook als OAuth-Server konfigurieren
- Melde dich bei dir an Facebook-Entwickler Konsole.
- Gehe zu Meine Applikationen.
- Um eine neue OAuth-Anwendung zu erstellen, klicken Sie auf das App erstellen Knopf im Alle Apps .
- Wählen Sie „Was soll Ihre App tun?“ auf der Erstellen Sie eine App Sektion. Klicken Sie dann auf Nächster um fortzufahren.
- Im folgenden Bildschirm Wählen Sie einen App-Typ aus und wählen Sie Privatkundenund klicken Sie dann auf das Nächster Taste. (Nachdem Ihre App erstellt wurde, kann der App-Typ nicht mehr geändert werden.)
- Im Details Geben Sie im Abschnitt den Anwendungsnamen ein Fügen Sie einen App-Namen hinzu Textfeld und die App-Kontakt-E-Mail (Standard ist die E-Mail-Adresse Ihres Facebook-Kontos) und klicken Sie dann auf Anwendung erstellen .
- Wenn Sie auf die Schaltfläche „App erstellen“ klicken, wird ein Dialogfenster angezeigt. Aus Sicherheitsgründen müssen Sie Ihr Passwort erneut eingeben, um fortzufahren.
- Im Fügen Sie Ihrer App ein Produkt hinzu klicken Sie auf Einrichten Schaltfläche von der Facebook-Anmeldekarte.
- Navigieren Produkte aus dem linken Navigationsbereich, dann Facebook Login kombiniert mit einem nachhaltigen Materialprofil. Einstellungen .
- Unter dem Client-OAuth-Einstellungen, fügen Sie die zuvor kopierte Rückruf-/Umleitungs-URL in die Gültige OAuth-Umleitungs-URIs Textfeld.
Schritt 3: Client-ID und Secret konfigurieren
- Gehe zu Einstellungen -> Grundlegend um Ihre App-ID und Ihr App-Geheimnis anzuzeigen (siehe Abbildung unten).
- Kopieren Sie die App-ID und App-Geheimnis Dies ist Ihre Client-ID und Ihr Client-Geheimnis und speichern Sie es in Ihrem miniOrange OAuth-Client-Plugin.
- Gehen Sie zurück zu Ihrem Joomla-Dashboard. Dann geh zu Schritt 2 in England, Konfigurieren Sie OAuth Tab.
- Fügen Sie das ein Client-ID, Client-Geheimnis und Mandant. Legen Sie auch Client-Anmeldeinformationen fest In Kopfzeile und Text dann klicke auf Einstellungen speichern. Sobald die Einstellungen gespeichert sind, klicken Sie auf Konfiguration speichern.
- Nachfolgend sind Umfang und Endpunkte aufgeführt, die zum Konfigurieren von Joomla als OAuth-Client-Plugin erforderlich sind, um Facebook als benutzerdefinierten OAuth- oder OIDC-Anbieter zu konfigurieren.
| Geltungsbereich | public_profile-E-Mail |
| Endpunkt autorisieren | https://www.facebook.com/dialog/oauth |
| Zugriffstoken-Endpunkt | https://graph.facebook.com/v2.8/oauth/access_token |
| Endpunkt für Benutzerinformationen abrufen | https://graph.facebook.com/me/?fields=id,name,email,age_range,first_name,gender,last_name,link |
| Client-Anmeldeinformationen festlegen | In der Kopfzeile und im Textkörper |
Schritt 4: Attributzuordnung konfigurieren
- Die Zuordnung von Benutzerattributen ist zwingend erforderlich, damit sich Benutzer erfolgreich bei Joomla anmelden können. Wir werden mit den folgenden Einstellungen Benutzerprofilattribute für Joomla einrichten.
- Gehe zu Schritt 3 in England, Konfigurieren Sie OAuth Tab und klicken Sie auf Testkonfiguration .
- Sie können die Attribute in der Testkonfigurationsausgabe wie folgt sehen.
- Wählen Sie nun den Attributnamen für E-Mail und Benutzername aus der Dropdown-Liste. Klicken Sie dann auf Konfiguration abschließen .
Schritt 5: Login/SSO-URL einrichten
- Gehe jetzt zu Schritt 4, hier kopieren Sie die Anmelde-/SSO-URL und fügen Sie es Ihrer Website hinzu.
- Melden Sie sich jetzt ab und gehen Sie zu den Seiten Ihrer Joomla-Site, auf denen Sie diesen Link hinzugefügt haben. Dort, wo Sie diese Schaltfläche platziert haben, wird ein Anmeldelink angezeigt. Klicken Sie auf diese Schaltfläche, um SSO durchzuführen.
