Hur konfigurerar man Single Sign-On (SSO) i Shopify med Facebook som IDP (OAuth)?

Översikt

miniOrange låter Facebook agera som en identitetsleverantör (IdP), vilket gör det möjligt för användare att logga in med Enkel inloggning (SSO) till Shopify med Facebook-uppgifterDen här integrationen låter dig erbjuda dina kunder en alternativ för social inloggning vilket minskar friktion och förbättrar användarupplevelsen.

Lösningen stöder båda nya Shopify-kundkonton och klassiska/äldre konton, arbetar med Shopify Plus och butiker utan Plusoch är idealisk för D2C-märken, communitydrivna butiker och B2B-portaler som vill erbjuda flera inloggningsalternativ. Genom att konfigurera Facebook Shopify SSO, kan du öka konverteringar, effektivisera autentisering och förbättra kundengagemanget samtidigt som säkerheten bibehålls.

Förutsättningar: Ladda ner och installation

Till Setup SSO till Shopify butik med Facebook som IDP (OAuth), måste du lägga till Shopify Single Sign-On (SSO) applikation i din butik.

Konfigurationssteg

Steg 1: Hämta Callback URL (Redirect URI) från Shopify

• Gå till din Shopify-butik och navigera till Applikation avsnittet och klicka på Enkel inloggning - SSO-inloggning ansökan.

• Klicka på Lägg till identitetsleverantör för att lägga till din IDP.

• Välja OAuth 2.0 protokoll.

• Välj nu Facebook från listan över internflyktingar.

• kopiera URL för OAuth-återuppringning och ha det till hands eftersom det kommer att användas i ytterligare steg.

Du har framgångsrikt erhållit Callback URL (Redirect URI) från Shopify.

Steg 2: Ställ in Facebook som OAuth-leverantör

• För att komma igång, Gå till Facebooks utvecklarkonsol klicka här. och registrera dig/Logga in med ditt facebook-utvecklarkonto.

• Gå till sidan för Facebook Developers-appar och klicka på Skapa app knappen för att lägga till ny app.

• Välj sedan Tillåt personer att logga in med sitt Facebook-konto alternativet som användningsfall och klicka sedan Nästa.

• Ange app Namn och Lägg till kontakt e-post för din Facebook-app respektive klicka sedan på Skapa app för att spara dina inställningar.

• Gå till Appinställningar -> Grundläggande för att se ditt app-id och apphemlighet. De app-id är din kund-ID och Appens hemlighet är din Klienthemlighet, ha dessa värden till hands eftersom du kommer att behöva dem senare för att konfigurera Shopify Single Sign-On SSO-applikationen (se bilderna nedan).
• Appdomän: Skriv din webbplats domän där.
• Sekretesspolicy URL: Fyll i den här rutan med URL:en som du gillar till din webbplatss sekretesspolicysida.
• Användarvillkor: Fyll i den här rutan med webbadressen som är länkad till din webbplatss användarvillkorssida.
• Radering av användardata: I rullgardinsmenyn väljer du URL för instruktion för databorttagning (Ange webbadressen till din sida med instruktionerna om hur användare kan ta bort sina konton på din webbplats).
• Välj ett Kategori från rullgardinsmenyn i fältet Kategori och välj App Syfte alternativet som beskriver din app bäst och tryck sedan på Spara ändringar för att spara dina konfigurationer.

• Scrolla nu ner och klicka på Lägg till plattform knapp. Välj Webbplats alternativet när du försöker integrera din Facebook-inloggning med en webbplats. Klicka på Nästa.

• Därefter anger du din Shopify Store URL (store.xecurify.com) och klicka Spara. Klicka sedan Fortsätta.

• Klicka på Användningsområden fliken på vänster sida och klicka sedan på Customize knappen som visas bredvid Autentisering och skapande av konto punkt.

• Under behörigheter avsnitt, hitta e-mail tillstånd och klicka på Lägg till knapp.
• Som standard har din applikation bara standardåtkomst för behörigheterna "public_profile" och "e-post", vilket innebär att bara du kan logga in med den. För att få avancerad åtkomst måste du gå igenom Business Verification, som du kan börja på Verifiering fliken på vänster sida.

• Enligt Facebook-inloggning >> inställningar avsnitt klicka på Gå till inställningar knappen för att lägga till Redirect/Callback URL (från steg 1).

• In i Giltiga OAuth-omdirigerings-URI:er fältet lägg till Redirect/Callback URL som du får från Shopifys Single Sign-On (SSO)-applikation. Klicka på Spara ändringar knapp.

• För närvarande är din app i utvecklingsläge vilket också innebär att personer utanför ditt företag inte kan använda den. När din verifiering är klar klickar du på Gå och lev och publicera din app genom att klicka på knappen "Gå live" längst ner till höger. Innan du trycker på den rekommenderas det att du kontrollerar stegen som anges på sidan "Gå live", om du har konfigurerat allt korrekt.

Du har framgångsrikt konfigurerat Shopify som tjänsteleverantör i Facebook-applikationen.

Steg 3: Konfigurera Facebook som IDP i Shopify

• Navigera tillbaka till miniOrange Single Sign On-SSO ansökan.

• Klicka på Lägg till identitetsleverantör för att lägga till din IDP.

• Välja OAuth 2.0 protokoll.

• Välj från listan över IDP:er Facebook.

• Fyll nu i de nödvändiga uppgifterna som Client ID, Client Secret, Endpoints och Scope.
• Se tabellen nedan för att konfigurera värdena.
• Obs: Du kan hitta cognito-domänen från steg 2.

• Nu kan du klicka på Spara.

Du har nu slutfört konfigurationen för Facebook som IDP (OAuth) i din Shopify SSO-applikation.

Steg 4: Testa anslutningen

• När du har sparat IDP-konfigurationen kommer du att omdirigeras till Testa anslutning steg.
  Vänligen utför Testanslutning innan du kartlägger eller hämtar attribut, testanslutningen säkerställer att din IDP-konfiguration är korrekt.
• Klicka på Testa anslutning knapp.

• När du anger giltiga Facebook-inloggningsuppgifter ser du ett popup-fönster som visas på skärmen nedan.

• Klicka på Hämta attribut knappen för att hämta IDP-attributet.

Steg 5: Attributmappning

• Klicka på + Attributmappning knappen för att mappa attribut mellan Shopify och AWS Cognito.

• Kartlägg attributen genom att hänvisa till tabellen nedan:

Attributnamn i Shopify	Välj Shopify-kundattributnyckeln där du vill synkronisera inkommande attributvärde från IDP
Attributtyp	IDP-attribut
Attributvärde	Välj attributnyckeln som du har hämtat från din IDP och vill synkronisera i Shopify

• Klicka på Nästa.

Steg 6: Aktivera och testa SSO-konfigurationer

I den här guiden har du konfigurerat Facebook Single Sign-On (SSO) genom att ställa in Facebook som identitetsleverantör (IdP) och Shopify som tjänsteleverantör (SP) med miniOrange Shopify Single Sign-On (SSO) inloggningsappMed den här konfigurationen kan dina användare nu njuta av Enkel inloggning (SSO) till Shopify med Facebook-uppgifter, levererar en sömlös, social och säker autentiseringsupplevelse vilket ökar kundengagemanget och minskar inloggningshinder.

• Kundkontosupport – Fungerar med både nya Shopify-kundkonton och klassiska/äldre konton.
• Facebook Social Inloggning – Tillåt användare att logga in med sina Facebook-uppgifter, vilket minimerar registreringsproblem.
• Plus- och icke-Plus-butiker – Kompatibel med både Shopify Plus och icke-Plus-handlare.
• Ökade konverteringar – Minska övergivna varukorgar genom att erbjuda ett snabbt inloggningsalternativ för Facebook.
• Attribut- och användarprofilmappning – Synkronisera Facebook-användaruppgifter (namn, e-postadress, profilbild) med Shopify-profiler, taggar och metafält.
• Plattformsoberoende stöd – Fungerar i Shopifys webbutiker och mobilappar, vilket säkerställer smidiga inloggningsupplevelser.
• Enkel utloggning och sessionshantering – Centraliserad utloggning och sessionshantering för konsekvent användarautentisering.
• Stöd för flera IdP:er – Kombinera Facebook-inloggning med andra IdP:er (Google, Azure AD, Okta, etc.) för flexibel autentisering.

YTTERLIGARE RESURSER

• Shopify säkerhetslösningar
• Shopify Single Sign-On (SSO)
• Shopify-innehållsbegränsning
• Shopify-prenumeration

Hör av dig

Hör av dig till oss på shopifysupport@xecurify.com, och vårt team hjälper dig med att konfigurera Shopify SSO-applikationen. Vårt team hjälper dig att välja den bästa lämpliga lösningen/planen enligt dina krav.