Konfigurieren Sie Instagram Single Sign-On (SSO) mit dem Joomla OAuth Client Plugin
Übersicht
Diese Anleitung erklärt, wie Sie unsere Joomla OAuth-Client-Erweiterung konfigurieren, damit sich Benutzer mit ihren Instagram-Konten anmelden können. Diese Integration wird über die Instagram Basic Display API verwaltet, die Teil der Meta for Developers-Plattform ist.
Die Option „Mit Instagram anmelden“ eignet sich ideal für Websites mit starkem visuellen oder Community-Fokus, wie z. B. Künstlerportfolios, Markenpräsentationen, Lifestyle-Blogs und E-Commerce-Websites. Sie bietet eine schnelle und moderne Anmeldemethode für ein Publikum, das auf der Instagram-Plattform stark aktiv ist.
Konfigurationsschritte
In dieser Konfiguration Instagram fungiert als OAuth-Server, während Joomla ermöglicht es Benutzern, sich mit ihren Instagram-Anmeldeinformationen anzumelden, indem sie das 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: Instagram als OAuth-Server konfigurieren
- Gehen Sie zum Instagram-Entwickler-Dashboard.
- Geben Sie unten die URL und Telefonnummer Ihrer Website ein Deine Website und Telefonnummer Textfelder bzw. Klicken Sie auf die Anmelden , um fortzufahren. Mit diesem Schritt schließen Sie die Anmeldung für ein Entwicklerkonto ab.
- Klicken Sie erneut auf die Schaltfläche „Ihre Bewerbung registrieren“ und gehen Sie dann zu Kunden verwalten -> Neuen Kunden registrieren wie im Bild unten gezeigt:
- Geben Sie Ihre Anwendungsname, Beschreibung, Firmenname, Website-URL, Kontakt-E-Mail usw. Kopieren Sie die Weiterleitungs-/Rückruf-URL aus dem miniOrange OAuth Client Plugin und speichern Sie es unter dem Gültige Weiterleitungs-URLs Textfeld. Klicken Sie abschließend auf das Registrieren Klicken Sie auf die Schaltfläche, um Ihre Konfigurationen zu speichern.
- Klicken Sie nun auf die Schaltfläche Verwalten, um Ihre Client-ID und Client-Geheimnis.
- Klicken Sie auf Registerkarte Sicherheit und deaktiviere die Deaktivieren Sie implizites OAuth Klicken Sie auf die Client aktualisieren Schaltfläche, um Ihre Änderungen zu speichern.
- 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 für die Konfiguration von Joomla als OAuth-Client-Plugin erforderlich sind, um Instagram als benutzerdefinierten OAuth- oder OIDC-Anbieter zu konfigurieren.
| Geltungsbereich | Benutzerprofil Benutzermedien |
| Endpunkt autorisieren | https://api.instagram.com/oauth/authorize |
| Zugriffstoken-Endpunkt | https://api.instagram.com/oauth/access_token |
| Endpunkt für Benutzerinformationen abrufen | https://graph.instagram.com/me?fields=id,username&access_token= |
| 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.
