Enkel inloggning (SSO) för Shopify med IdentityServer4 (OAuth) som identitetsleverantör

Översikt

miniOrange låter IdentityServer4 fungera som en IDP (identitetsleverantör), vilket gör det möjligt för användare att använda Single Sign-On (SSO) i Shopify med hjälp av IdentityServer4-autentiseringsuppgifter . Vår applikation är kompatibel med alla SAML/OAuth-kompatibla identitetsleverantörer. Vi kommer att gå igenom en steg-för-steg-guide för att konfigurera Single Sign-On (SSO) i Shopify med IdentityServer4 som IdP (identitetsleverantör) och Shopify-butiken som SP (tjänsteleverantör).

Installera applikationen Prissättning planer

Förutsättningar: Appinstallation

• Logga in på din Shopify-administratör.
• Gå till appar → Shopify App Store
• Sök efter miniOrange enkel inloggning – SSO
• Klicka installera för att lägga till appen i din butik
• Öppna appen från appar för att starta IdentityServer4 (OAuth) SSO-konfigurationen

Steg-för-steg-guide för att konfigurera IdentityServer4 (OAuth) SSO i Shopify Store

Steg 1: Hämta återuppringningsadressen från Shopify SSO-appen

• 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 Anpassad IDP från listan över internflyktingar.

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

Steg 2: Konfigurera Shopify som en tjänsteleverantör (SP) i IdentityServer4

• Konfigurera IdentityServer4 med hjälp av de angivna riktlinjerna här.
• Ange Redirect URI/OAuth Återuppringnings-URI som är kopierad från Shopify-butiken.
• Kopiera ditt klient-ID och din klienthemlighet och ha dessa värden nära till hands eftersom du kommer att behöva dem senare.
• Du har slutfört dina IdentityServer4 OAuth-konfigurationer på serversidan.

Steg 3: Konfigurera IdentityServer4 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 nu IdentityServer4 från listan över internflyktingar.

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

• Nu kan du klicka på Spara.

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 IdentityServer4-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 knapp för att mappa attribut mellan Shopify och IdentityServer4.

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

• Klicka på Nästa.

Steg 6: Aktivera och testa SSO-konfigurationer

Välj Shopify Butikstyp:

• Icke-Plus Store
• Plus butik

SSO-konfiguration i icke-Plus Shopify-butiker

Välj vilken typ av konto du har aktiverat i din Shopify Store:

• kund~~POS=TRUNC
• Äldre kundkonton

Obs! Om du använder en lösenordsskyddad butik eller arbetar med en Shopify-utvecklingsbutik klickar du här för att konfigurera cookien för butikssammanfattningen så att SSO kan fungera i din butik.

• Gå till applikationens instrumentpanel, aktivera kundkontotillägg som visas på bilden nedan.

• aktivera Nya kundkonton tillägg och klicka på Spara.

• Navigera till programmets startsida och aktivera IDP-inloggningsväxlingsalternativ mot den IDP du har konfigurerat.

Tillåt endast SSO-användare att slutföra utcheckningen – Begränsa andra

Den här funktionen tillåter endast användare som loggar in via enkel inloggning (SSO) att slutföra utcheckningsprocessen. Andra användare kommer att blockeras från att fortsätta med utcheckningen.

• Navigera till Inställningar.



• Öppna Till kassan sektion.



• Bläddra nedåt i utcheckningsregler avsnittet, klicka på Lägg till regel.



• Klicka på SSO-utcheckningsvalidering.



• Avmarkera "Tillåt alla kunder att slutföra kassan" alternativet och klicka på Spara.



• Nu kan du Sätta på utcheckningsregeln.



• Om du försöker betala utan att utföra SSO visas ett felmeddelande enligt nedan.

Testar enkel inloggning (SSO) för din Shopify-butik

• Gå till din Shopify-butik. (https:// )
• Klicka på Användarinloggningsikon.

• Du kommer att omdirigeras till inloggningssidan för identitetsleverantören (IDP) som du konfigurerade i föregående steg. Logga in med dina IDP-kontouppgifter.
• Ange sedan den sexsiffriga engångskod som skickas till din registrerade e-postadress. (Detta är en engångsprocess)

• Du kommer att loggas in på din Shopify-butik.

• Gå till programmets instrumentpanel. Du kommer att se en varningsruta om att lägga till inloggningsknappstillägget på kontosidan. Klicka på tillägg för inloggningswidget länken som visas på bilden nedan för att aktivera den.

• Navigera till programmets startsida och aktivera IDP-inloggningsväxlingsalternativ mot den IDP du har konfigurerat.

• Om du vill konfigurera SSO till Shopify med flera IDP:eroch välj sedan din IDP från listan som visas här.och konfigurera SSO med hjälp av den IDP:n.
• aktivera Alternativ för att växla mellan IDP-inloggning för att aktivera SSO i Shopify med flera IDP:er.

Testar enkel inloggning (SSO) för din Shopify-butik

• Gå till din Shopify Store-inloggningssida. (https:// /konto/inloggning)
• Klicka på inloggningsknapp du anpassade tidigare.

• Du kommer att omdirigeras till inloggningssidan för identitetsleverantören (IDP). Logga nu in med dina befintliga kontouppgifter.

• Om du efter inloggning stöter på felmeddelandet "ogiltig eller saknad reCAPTCHA-token", tillsammans med meddelandet "Något gick fel", läs detta. FAQ för att lösa felet.

SSO-konfiguration i Plus Shopify-butiker

Välj vilken typ av konto du har aktiverat i din Shopify Store:

• kund~~POS=TRUNC
• Äldre kundkonton

• Navigera tillbaka till SSO-applikationen och klicka på Connect Store fliken.
• kopiera Discovery Endpoint URL Klient-ID, klienthemlighet, ytterligare omfattningar och Parameter för omdirigerings-URI efter utloggning och ha dem nära till hands.

• Klicka på kund~~POS=TRUNC länk som visas på bilden nedan.

• Välj kund~~POS=TRUNC alternativ som rekommenderas av Shopify. Leta sedan efter Autentisering alternativ och klicka på hantera.
• Om du inte hittar alternativet, vänligen kontakta shopifysupport@xecurify.com så hjälper vi dig.

• Klicka på Hantera leverantörer knapp.

• Klicka på Anslut till leverantör knapp.

• Lägg till identitetsleverantörens namn och från Provider rullgardinsmenyn, välj Anpassad eller annan.

• Fyll i detaljer som t.ex. Upptäcktsändpunkts-URL, klient-ID, klienthemlighet, ytterligare omfång, URI-parameter för omdirigering efter utloggning som du kopierade från ovan steg. Klicka på Spara.

• När identitetsleverantören har lagts till gör du Testa anslutning.

• Efter att ha verifierat flödet gör identitetsleverantören som Aktiva.

• Navigera till programmets startsida och aktivera IDP-inloggningsväxlingsalternativ mot den IDP du har konfigurerat.

Testar enkel inloggning (SSO) för din Shopify-butik

• Gå till din Shopify-butik. (https:// )
• Klicka på Användarinloggningsikon.

• Du kommer att omdirigeras till inloggningssidan för identitetsleverantören (IDP) som du konfigurerade i föregående steg. Logga in med dina IDP-kontouppgifter.

• Du kommer att loggas in på din Shopify-butik.

Ange inloggning med användarnamn och lösenord

Om du vill ange inloggning med användarnamn och lösenord tillsammans med din inloggning med IDP-alternativ för din B2B-butik, klicka här.

Ange inloggning med e-post-engångslösenord

Om du vill tillhandahålla inloggning med e-post-engångskod tillsammans med ditt inloggningsalternativ med IDP för din B2B-butik, klicka här

• Klicka nu på Installationsguide -knappen och följ de angivna stegen för att få multipass-token.

• aktivera Multipass Token alternativ. Se detta faq för att hämta Multipass-tokenvärdet och klistra in det i fältet nedan.

• Klicka på Spara.

• Gå till programmets instrumentpanel. Du kommer att se en varningsruta om att lägga till inloggningsknappstillägget på kontosidan. Klicka på tillägg för inloggningswidget länken som visas på bilden nedan för att aktivera den.

• Navigera till programmets startsida och aktivera IDP-inloggningsväxlingsalternativ mot den IDP du har konfigurerat.

• Om du vill konfigurera SSO till Shopify med flera IDP:eroch välj sedan din IDP från listan som visas här.och konfigurera SSO med hjälp av den IDP:n.
• aktivera Alternativ för att växla mellan IDP-inloggning för att aktivera SSO i Shopify med flera IDP:er.

Testar enkel inloggning (SSO) för din Shopify-butik

• Gå till din Shopify Store-inloggningssida. (https:// /konto/inloggning)
• Klicka på inloggningsknapp du anpassade tidigare.

• Du kommer att omdirigeras till inloggningssidan för identitetsleverantören (IDP). Logga nu in med dina befintliga kontouppgifter.

• Om du stöter på felmeddelandet "ogiltig eller saknad reCAPTCHA-token", tillsammans med meddelandet "Något gick fel", se detta FAQ för att lösa felet.

• Du kommer att loggas in på din Shopify-butik.

I den här guiden har du konfigurerat IdentityServer4 Single Sign-On (SSO) genom att konfigurera IdentityServer4 som en OAuth-leverantör och Shopify som en OAuth-klient med hjälp av vår Shopify Single Sign-On - SSO Login-app. Den här lösningen säkerställer att du är redo att lansera säker åtkomst till din Shopify-butik med hjälp av IdentityServer4-inloggningsuppgifter inom några minuter.