Schritte zum Konfigurieren der Instagram Single Sign-On (SSO)-Anmeldung bei WordPress

1. Richten Sie Instagram als OAuth-Anbieter ein

• Um eine Client-ID und ein Client-Geheimnis zu generieren, müssen Sie eine Instagram-Anwendung erstellen. Du kannst Folgen diese Schritte um eine Anwendung für Instagram zu erstellen.
• Aktivieren Sie das OAuth Single Sign-On SSO (OAuth Client)-Plugin.
• Gehen Sie zum Konfigurieren Sie OAuth Registerkarte, und wählen Sie Benutzerdefinierte OAuth 2.0-App von dem Individuelle Anwendungen Liste.
• Geben Sie die Client-ID und das Client-Geheimnis ein, die von der Instagram-Anwendung generiert wurden.
• Geben Sie den in der folgenden Tabelle angegebenen Umfang und die Endpunkte ein.
• Klicken Sie auf Speichern Klicken Sie auf die Schaltfläche, um die Konfiguration zu speichern, und klicken Sie auf Testkonfiguration.

Sie haben erfolgreich konfiguriert Instagram als OAuth-Anbieter für die Instagram-Anmeldung auf Ihrer WordPress-Site.

2. Richten Sie WordPress als OAuth-Client ein

• Frei
• Premium

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

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

• Kopieren Sie die Rückruf-URL Wählen Sie den zu verwendenden Eintrag in der OAuth-Provider-Konfiguration aus und klicken Sie auf Weiter.

• Einrichtung App Name. Kopieren Sie die Endpunkte aus der folgenden Tabelle und fügen Sie sie ein.



Kunden ID:	aus der konfigurierten Instagram-Anwendung
Kundengeheimnis:	aus der konfigurierten Instagram-Anwendung
Umfang:	Benutzerprofil Benutzermedien
Endpunkt autorisieren:	https://api.instagram.com/oauth/authorize
Zugriffstoken-Endpunkt:	https://api.instagram.com/oauth/access_token
Endpunkt zum Abrufen von Benutzerinformationen:	https://graph.instagram.com/me?fields=id,username&access_token=
Benutzerdefinierte Weiterleitungs-URL nach dem Abmelden:[Optional]	https://instagram.com/accounts/logout



• Geben Sie die Anmeldeinformationen des Kunden ein Kunden-ID und Kundengeheimnis wie im Setup-Dialogfeld gezeigt. Geben Sie den Bereichswert ein als user_profile, user_media. Klicken Sie Weiter.

• Überprüfen Sie die Konfigurationsdetails und klicken Sie auf Endziel um die Konfiguration zu speichern.

• Gehen Sie zu Konfigurieren Sie OAuth Klicken Sie auf die Registerkarte und suchen Sie nach Ihrem Anwendungsnamen, um hier eine neue Clientanwendung zu Ihrer Website hinzuzufügen Instagram.

• Einrichtung App-Name, Client-ID, Client-Geheimnis, Domäne aus der Instagram SSO-Anwendung

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

Sie haben erfolgreich konfiguriert WordPress als OAuth-Client für die Instagram-Anmeldung auf 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.

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


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.

• 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


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

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

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

Anmeldeeinstellungen für WordPress 5.7 und früher

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


Anmeldeeinstellungen für WordPress 5.8

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

• Öffnen Sie Ihre WordPress-Seite und Sie können dort die Instagram-SSO-Anmeldeschaltfläche sehen. Sie können das Instagram Single Sign-On (SSO) jetzt testen.

Anmeldeeinstellungen für WordPress 5.9

• 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 Instagram SSO-Login-Button. Sobald Sie auf die Schaltfläche „Anmelden“ klicken, können Sie das Instagram Single Sign-On (SSO) testen.


In diesem Handbuch haben Sie die Konfiguration erfolgreich durchgeführt Instagram Single Sign-On (SSO) indem Sie Instagram als OAuth-Anbieter und WordPress als OAuth-Client mit unserem WP OAuth Single Sign-On-Plugin (OAuth & OpenID Connect Client) konfigurieren. Diese Lösung stellt sicher, dass Sie innerhalb von Minuten mit Instagram-Anmeldeinformationen einen sicheren Zugriff auf Ihre WordPress-Site bereitstellen können.

Weitere Informationen

• Instagram Graph API als OAuth-Anbieter / OpenID Connect
• WordPress Single Sign-On (SSO) OAuth / OpenID Connect / JWT
• Was ist OAuth 2.0 und wie funktioniert es?
• Häufig gestellte Fragen (FAQs)

Hilfe benötigt?

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.