Wie richte ich Single Sign-On (SSO) in Shopify mit Facebook als IDP (OAuth) ein?
Übersicht
miniOrange ermöglicht Facebook, als Identitätsanbieter (IdP) zu fungieren, sodass sich Benutzer mit Single Sign-On (SSO) bei Shopify mit Facebook-Anmeldeinformationen. Mit dieser Integration können Sie Ihren Kunden eine soziale Login-Option das reduziert Reibung und verbessert das Benutzererlebnis.
Die Lösung unterstützt sowohl neue Shopify-Kundenkonten und klassische/alte Konten, arbeitet mit Shopify Plus- und Nicht-Plus-Shops und ist ideal für D2C-Marken, Community-gesteuerte Geschäfte und B2B-Portale die mehrere Login-Optionen anbieten möchten. Durch die Konfiguration Facebook Shopify SSOkönnen Sie die Konvertierungen steigern, die Authentifizierung optimieren und die Kundenbindung verbessern, während gleichzeitig die Sicherheit gewährleistet bleibt.
Voraussetzungen: Download und Installation
Zum Einrichten SSO im Shopify-Store mit Facebook als IDP (OAuth), müssen Sie hinzufügen Shopify Single Sign-On (SSO) Anwendung in Ihrem Store.
Verpasse nicht unsere Video, um mehr darüber zu erfahren, wie die Shopify SSO-Anwendung in Shopify funktioniert.
Konfigurationsschritte
Schritt 1: Holen Sie sich die Callback-URL (Redirect-URI) von Shopify
- Gehen Sie zu Ihrem Shopify-Shop und navigieren Sie zu App Abschnitt und klicken Sie auf Single Sign On – SSO-Anmeldung Anwendung.
- Klicken Sie auf Identitätsanbieter hinzufügen Klicken Sie auf die Schaltfläche, um Ihren IDP hinzuzufügen.
- Auswählen OAuth 2.0 Protokoll.
- Jetzt wählen Facebook aus der Liste der Binnenvertriebenen.
- Kopieren Sie die OAuth-Rückruf-URL und bewahren Sie es griffbereit auf, da es in den weiteren Schritten verwendet wird.
Sie haben die Rückruf-URL (Umleitungs-URI) erfolgreich von Shopify erhalten.
Schritt 2: Richten Sie Facebook als OAuth-Anbieter ein
- Um zu beginnen, klicken Sie auf die Facebook-Entwicklerkonsole . und melden Sie sich mit Ihrem Facebook-Entwicklerkonto an.
- Gehen Sie zur Facebook Developers-Apps-Seite und klicken Sie auf App erstellen Klicken Sie auf die Schaltfläche, um eine neue App hinzuzufügen.
- Dann wählen Sie die Erlauben Sie Personen, sich mit ihrem Facebook-Konto anzumelden Option als Anwendungsfall und klicken Sie dann auf Nächster.
- Geben Sie die App Name kombiniert mit einem biobasierten Materialprofil und Kontakt-E-Mail hinzufügen für Ihre Facebook-App und klicken Sie dann auf App erstellen Schaltfläche, um Ihre Einstellungen zu speichern.
- Gehe zu App-Einstellungen -> Grundlegend um Ihre App-ID und Ihr App-Geheimnis anzuzeigen. Der App ID Ihr Kunden-ID und der App Geheimnis Ihr KundengeheimnisBewahren Sie diese Werte auf, da Sie sie später zum Konfigurieren der Shopify Single Sign-On SSO-Anwendung benötigen (siehe Bilder unten).
- App-Domäne: Geben Sie dort die Domain Ihrer Website ein.
- Datenschutz URL: Füllen Sie dieses Feld mit der URL zur Datenschutzrichtlinienseite Ihrer Website aus.
- Nutzungsbedingungen: Füllen Sie dieses Feld mit der URL aus, die mit der Seite mit den Servicebedingungen Ihrer Website verknüpft ist.
- Löschung von Benutzerdaten: Wählen Sie aus der Dropdown-Liste „URL mit Anweisungen zur Datenlöschung“ aus (Geben Sie die URL Ihrer Seite mit den Anweisungen ein, wie Benutzer ihre Konten auf Ihrer Site löschen können).
- Wähle ein Kategorie aus der Dropdown-Liste im Feld Kategorie und wählen Sie die App-Zweck 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 Webseite Option, wenn Sie versuchen, Ihren Facebook-Login in eine Website zu integrieren. Klicken Sie auf Nächster.
- Als nächstes geben Sie Ihre Shopify-Shop-URL (store.xecurify.com) und klicken Sie auf Gespeichert. Dann klick Fortfahren.
- Klicken Sie auf Anwendungsszenarien 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 Berechtigung und klicken Sie auf das Speichern .
- Standardmäßig verfügt Ihre Anwendung nur über Standardzugriff für die Berechtigungen „public_profile“ und „email“, was bedeutet, dass nur Sie sich damit anmelden können. Um erweiterten Zugriff zu erhalten, müssen Sie die Geschäftsüberprüfung durchlaufen, die Sie auf der Verification Registerkarte auf der linken Seite.
- Unter dem Facebook-Login >> Einstellungen Klicken Sie im Abschnitt auf Gehe zu Einstellungen Schaltfläche zum Hinzufügen der Weiterleitungs-/Rückruf-URL (ab Schritt 1).
- In die Gültige OAuth-Umleitungs-URIs Feld hinzufügen Weiterleitungs-/Rückruf-URL die Sie von der Shopify Single Sign-On (SSO) Anwendung erhalten. Klicken Sie auf Änderungen speichern .
- Derzeit befindet sich Ihre App im Entwicklungsmodus, was auch bedeutet, dass Personen außerhalb Ihres Unternehmens sie nicht verwenden können. Sobald Ihre Verifizierung abgeschlossen ist, klicken Sie auf Geh Leben Klicken Sie unten rechts auf die Schaltfläche „Live gehen“ und veröffentlichen Sie Ihre App. Bevor Sie darauf klicken, überprüfen Sie die auf der Seite „Live gehen“ aufgeführten Schritte, um sicherzustellen, dass Sie alles korrekt konfiguriert haben.
Sie haben Shopify erfolgreich als Dienstanbieter in der Facebook-Anwendung konfiguriert.
Schritt 3: Facebook als IDP in Shopify konfigurieren
- Navigieren Sie zurück zu miniOrange Single Sign On-SSO Anwendung.
- Klicken Sie auf Identitätsanbieter hinzufügen Klicken Sie auf die Schaltfläche, um Ihren IDP hinzuzufügen.
- Auswählen OAuth 2.0 Protokoll.
- Wählen Sie aus der Liste der IDPs aus Facebook.
- Geben Sie nun die erforderlichen Details ein, z Client-ID, Client-Geheimnis, Endpunkte und Umfang.
- Informationen zur Konfiguration der Werte finden Sie in der folgenden Tabelle.
- Hinweis: Sie finden die Cognito-Domäne unter Schritt 2.
| IDP-Anzeigename: | [Geben Sie einen beliebigen App-Namen ein] |
| Kunden ID: | Ab Schritt 2 |
| Kundengeheimnis: | Ab Schritt 2 |
| 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: | öffentliches_Profil E-Mail (geben Sie diesen Text genau wie angezeigt ein) |
- Jetzt können Sie auf klicken Gespeichert.
Schritt 4: Verbindung testen
-
Nach dem Speichern der IDP-Konfiguration werden Sie weitergeleitet zum
Verbindung testen Schritt.
Bitte führen Sie eine Testverbindung durch, bevor Sie Attribute zuordnen oder abrufen. Durch die Testverbindung wird sichergestellt, dass Ihre IDP-Konfiguration korrekt ist. - Klicken Sie auf Verbindung testen .
- Wenn Sie gültige Facebook-Anmeldeinformationen eingeben, wird ein Popup-Fenster angezeigt, das im folgenden Bildschirm dargestellt ist.
- Klicken Sie auf Attribute abrufen Schaltfläche, um das IDP-Attribut abzurufen.
Schritt 5: Attributzuordnung
- Klicken Sie auf + Attributzuordnung Schaltfläche zum Zuordnen von Attributen zwischen Shopify und AWS Cognito.
- Ordnen Sie die Attribute anhand der folgenden Tabelle zu:
| Attributname in Shopify | Wählen Sie den Shopify-Kundenattributschlüssel aus, in den Sie eingehende Attributwerte von IDP synchronisieren möchten |
| Attributtyp | IDP-Attribut |
| Attributwert | Wählen Sie den Attributschlüssel aus, den Sie von Ihrem IDP abgerufen haben und in Shopify synchronisieren möchten |
- Klicken Sie auf Weiter.
Schritt 6: SSO-Konfigurationen aktivieren und testen
Wählen Sie den Shopify-Shop-Typ:
- Non-Plus-Store
- Plus Shop
In dieser Anleitung haben Sie konfiguriert Facebook Single Sign-On (SSO) durch die Einrichtung Facebook als Identitätsanbieter (IdP) kombiniert mit einem biobasierten Materialprofil und Shopify als Service Provider (SP) Verwendung der miniOrange Shopify Single Sign-On (SSO)-Anmelde-AppMit diesem Setup können Ihre Benutzer nun Single Sign-On (SSO) bei Shopify mit Facebook-Anmeldeinformationen, liefert a nahtloses, soziales und sicheres Authentifizierungserlebnis das steigert die Kundenbindung und reduziert Anmeldebarrieren.
Unterstützte Integrationen und Funktionen
Weitere Funktionen ➔Häufig gestellte Fragen (FAQs)
Weitere FAQs ➔
Ich habe die Schritte zum Einrichten von IDP befolgt, aber wo kann ich SSO überprüfen?
Befolgen Sie die beschriebenen Schritte . um SSO in Shopify mit Ihrem bevorzugten IDP zu konfigurieren.
Ich habe die Shopify SSO-Anwendung installiert. Ich habe auf die Option „SETUP IDP“ geklickt, aber es öffnete sich nichts.
Die Weiterleitung zu einer anderen Website ist möglicherweise im Browser blockiert. Bitte befolgen Sie die angegebenen Schritte . um das Problem zu lösen.
Nach der Durchführung von SSO möchte ich, dass meine Kunden zur Seite mit den Kollektionen oder Rabattangeboten weitergeleitet werden.
Befolgen Sie die beschriebenen Schritte . um Ihren Kunden zu Sammlungen/Warenkorb oder einer anderen Seite weiterzuleiten.
Wie aktiviere ich die automatische Weiterleitung der SSO-Anwendung zur IDP-Funktion in meinem Shopify-Shop?
Sie müssen auf den Enterprise-Plan der SSO-Anwendung upgraden, um die Funktion „Automatische Umleitung zum IDP“ zu aktivieren. Folgen Sie den beschriebenen Schritten . , um diese Funktion zu aktivieren.
ZUSÄTZLICHE RESSOURCEN
Kontakt aufnehmen
Bitte erreichen Sie uns unter shopifysupport@xecurify.com, und unser Team unterstützt Sie beim Einrichten der Shopify SSO-Anwendung. Unser Team hilft Ihnen, die am besten geeignete Lösung/den am besten geeigneten Plan entsprechend Ihren Anforderungen auszuwählen.
