Hur konfigurerar man Azure AD B2C SSO i Shopify med OpenID Connect för Plus- och icke-Plus-butiker?

miniOrange tillåter Azure AD B2C att agera som en Identitetsleverantör (IdP) för Shopify, vilket gör det möjligt för kunder att säkert logga in på din Shopify-butik med sina Azure AD B2C-inloggningsuppgifter via enkel inloggning (SSO).

Ocuco-landskapet Shopify SSO-app stöder båda Shopify-kundkonton och äldre kundkonton, är helt kompatibel med Shopify Plus och butiker utan Plus, och är idealisk för B2B Shopify-butiker som kräver säker och centraliserad inloggning via Azure AD B2C. Vår lösning fungerar sömlöst med SAML 2.0-, OAuth 2.0- och OpenID Connect (OIDC)-kompatibla identitetsleverantörer, vilket säkerställer flexibilitet och autentisering i företagsklass för Shopify-handlare.

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 Azure AD B2C SSO-konfiguration med OIDC-protokollet

Steg-för-steg-guide för att konfigurera Azure AD B2C 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 OpenId Connect 1.0 protokoll.

• Välj nu Azure B2C från listan över identitetsleverantörer (IDP).

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

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

• Logga in på Azur portalen.
• Gå till Hem och välj i Azure-tjänsterna Azure B2C.

• Se till att du är i Azure AD B2C-katalogen med en aktiv prenumeration och om inte kan du byta till rätt katalog.

• Klicka nu på App-registreringar och sedan klicka på Ny registrering alternativ för att skapa en ny Azure B2C-applikation.

• Konfigurera följande alternativ för att skapa en ny applikation.
• Ange ett namn för din ansökan under Namn textfält.
• I de kontotyper som stöds väljer du det tredje alternativet Konton i valfri organisationskatalog (valfri Microsoft Entra ID-klient - Multitenant) och personliga Microsoft-konton (t.ex. Skype, Xbox)).
• Klistra in Återuppringnings-URL från steg 1 i Omdirigera URI och välj plattformen som web. Klicka på Registrera knappen för att skapa din applikation.

• När applikationen har skapats kommer du att omdirigeras till den nyskapade applikationens översiktssida. Om inte kan du gå till appregistreringarna och söka efter namnet på din applikation så hittar du din applikation i listan.

• Kopiera din Applikations-ID (klient-ID) och ha det till hands.

• Klicka på Certifikat och hemligheter och klicka sedan på Ny kundhemlighet för att generera en klienthemlighet. Ange en beskrivning och klicka på Lägg till knapp.

• Kopiera det hemliga värdet från sidan Certifikat och hemligheter och lagra det som en Kundhemlighet i din Shopify Single Sign-On (SSO)-inloggning ansökan.

Steg 2.1: Lägg till användare i din B2C-applikation

• Navigera på startsidan, gå till användare fliken i det vänstra hörnet.

• Klicka på Skapa ny användare alternativet på användarens sida.

• Välja E-post som inloggningsmetod och ange e-postadressen. Ange lämplig Visningsnamn och ställ in din Lösenord. Klicka på Granska + skapa och klicka sedan på Skapa för att spara användaruppgifterna för att utföra testkonfigurationen.

Steg 2.2: Hur man skapar och lägger till en policy

• Gå till Användarflöden fliken och klicka sedan på Nytt användarflöde.

• Välj en typ av användarflöde Registrera dig och logga in klicka sedan på Skapa knapp.

• Fyll i all information, t.ex. namn, identitetsleverantörer etc., klicka sedan på Skapa knapp.

• Kopiera värdet för policynamnet. Detta krävs vid konfigurering av auktoriserings- och tokenslutpunkter.

Steg 2.3: Lägg till användaranspråk i din applikation

• Gå till användarflöden under policyer i det vänstra hörnet. Välj den konfigurerade policyn.

• Välja Ansökningskrav i inställningar.

• Välj de attribut som ska visas i testkonfigurationen och spara den.

• Gå till applikation → Välj applikation och gå till API-behörigheter fliken.

• Klicka på Lägg till rättighet knappen och sedan Microsoft Graph API -> Delegerade behörigheter välj openid, profil omfattning och klicka på Lägg till behörigheter knapp.

• Klicka på Ge samtycke för Demo-knappen.
• Gå till fliken Manifest och hitta gruppmedlemskapsanspråk ändra dess värde till "Allt" och klicka på spara knapp.

Steg 2.4: Slutpunkter

• Gå till Ansökningsregistreringar -> endpoints.

• In token och tillstånd slutpunkter URL, ersätt med ditt konfigurerade policynamn.

Du har konfigurerat Azure AD B2C som en OpenID-provider för att uppnå användarautentisering med Azure AD B2C Single Sign-On (SSO)-inloggning i din Shopify-butik.

Steg 3: Konfigurera Azure B2C som identitetsleverantör (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 OpenId Connect 1.0 protokoll.

• Välj från listan över identitetsleverantörer (IDP). Azure B2C.

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

• Klicka på Spara.

Du har slutfört Shopify-sidans konfiguration.

Steg 4: Testa anslutningar

• När du har sparat konfigurationen för identitetsleverantören (IDP) kommer du att omdirigeras till Testa anslutning steg.
  Utför en testanslutning innan du mappar eller hämtar attribut. Testanslutningen säkerställer att din identitetsleverantörs konfiguration är korrekt.
• Klicka på Testa anslutning knapp.

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

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

Steg 5: Attributmappning

• Klicka på + Attributmappning knapp för att mappa attribut mellan Shopify och Azure B2C.

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

Du har därmed konfigurerat Shopify Single Sign-On (SSO) med Azure B2C som identitetsleverantör (IDP) och Shopify som tjänsteleverantör (SP). Med hjälp av miniOrange Single Sign-On (SSO) inloggningsapplikation. Den här lösningen säkerställer att du är redo att lansera säker åtkomst till din Shopify-butik med Azure B2C-inloggningsuppgifter inom några minuter.

• Shopifys kund- och äldre kontosupport Aktivera sömlös Azure AD B2C Single Sign-On (SSO) för Shopify-kundkonton och äldre eller klassiska kundkonton.
• Stöd för Shopify Plus och icke-Plus-butiker Konfigurera enkelt Shopify Azure AD B2C SSO för både Shopify Plus- och icke-Plus-handlare utan komplicerad anpassad utveckling.
• Säkra privata och lyxiga butiker Skydda privata, interna eller exklusiva Shopify-butiker genom att endast tillåta åtkomst för autentiserade Azure AD B2C-användare. Detta förhindrar att oautentiserade eller externa användare visar några butikssidor.
• B2B och grossistinloggning Aktivera säker åtkomst för företagskunder, partners och distributörer med hjälp av Azure AD B2C OAuth och OpenID Connect-inloggning för Shopify B2B- och grossistbutiker.
• Cross-Plattform Shopify Azure AD B2C SSO Aktivera en smidig Azure AD B2C-inloggningsupplevelse för Shopify över webbläsare på datorer, mobila webbläsare och Shopify-mobilappar med en enda identitet.
• Attribut- och profilmappning Mappa automatiskt Azure AD B2C-användarattribut som e-post, namn, kundtaggar, roller och Shopify-metafält under SSO för personlig åtkomstkontroll och kundsegmentering.
• Enkel utloggning (SLO) och utökade sessioner Förbättra säkerheten med Azure AD B2C Single Logout (SLO) för Shopify och stöd för utökad sessionshantering för en smidigare och oavbruten användarupplevelse.