Hur konfigurerar man enkel inloggning (SSO) i Shopify med Apple som identitetsleverantör?

miniOrange låter Apple agera som en identitetsleverantör (IdP), vilket gör att användare kan logga in med Enkel inloggning (SSO) till Shopify med Apple-inloggningsuppgifter. Med "Logga in med Apple" Med funktionen kan kunder säkert komma åt din Shopify-butik utan att behöva skapa separata konton, vilket minskar friktionen och ökar förtroendet.

Lösningen stöder båda nya Shopify-kundkonton och klassiska/äldre konton, arbetar med Shopify Plus och butiker utan Plus, och är idealisk för D2C-varumärken, prenumerationsbaserade butiker och B2B-butikerGenom att konfigurera Apple Shopify SSO, du kan leverera en säker, integritetsfokuserad och användarvänlig autentiseringsupplevelse för dina kunder.

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 Apple SSO i Shopify-konfigurationen

Steg-för-steg-guide för att konfigurera Apple som IDP (OAuth) för SSO i Shopify

Steg 1: Hämta omdirigerings-URI för OAuth-server

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

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

Steg 2: Konfigurera Apple som identitetsleverantör i Shopify

• Först och främst, logga in med din Apples utvecklarkonto och klicka på konto.



• Klicka på Certifieringar, Identifierare och Profiler i Apple-kontot.



• Klicka på i menyn till vänster Identifierare och efter det klicka på Plusikon (blå färg). Klicka på Fortsätta för de kommande två sidorna av Apple Account.



• ange BESKRIVNING och Paket-ID för App-ID. (Bund-ID:t ska vara i omvänd dns-stil.)



• I Capabilities scrolla nedåt och välj skylt med äpple och klicka på Redigera länken.



• Välja Aktivera som ett primärt app-ID och klicka på Spara. Klicka på Fortsätta och klicka sedan på Registrera.



• Klicka på i det högra hörnet Fortsätta, klicka sedan på Registrera knapp.
• Klicka igen på Plus-ikonen (blå färg). Välj Service-ID och klicka på Fortsätta.



• ange BESKRIVNING och Identifiera (Identifieraren skulle vara ditt klient-ID - kopiera detta ID och klistra in det i fältet ovan för klient-ID). Klicka på Fortsätta och klicka sedan på Registrera knapp.



• Klicka Nycklar från menyn till vänster. Klicka på Plus-ikonen för att registrera en ny nyckel.



• Ge din Nyckel ett namn, välj Logga in med Apple och klicka på Inställd knapp.



• Välj din Primärt ID och klicka på Spara knappen. Klicka sedan på i högra hörnet Fortsätt och registrera dig knapp.



• kopiera Nyckel-ID och klicka på Ladda ner knappen. När nyckeln har laddats ner klickar du på Färdig knapp.



• Klicka på i den vänstra menyn Identifierare.
• Klicka på höger upp App-ID:n.
• Välja Service-ID från rullgardinsmenyn.



• Välj din Service-ID från listan.
• Välj Logga in med Apple och klicka på Inställd knapp.



• Välj Primärt app-ID från rullgardinsmenyn och skriv in Domän (din shopify-butiksdomän) och Omdirigeringsadress (återuppringningsadress från Shopify-appen) i domäner och underdomäner respektive returadresser. Klicka på Nästa knapp. (Du får domännamnet och omdirigerings-URL:en från miniOrange SSO-applikationen)



• Verifiera detaljerna och klicka på Färdig knappen. Klicka sedan på i högra hörnet Fortsätta knapp.
• kopiera Identifieringsvärde och klicka på Spara knapp.
• Ange identifieringsvärdet i klient-ID:t och kopiera nedladdad nyckel värde i klienthemligheten i Shopify SSO-applikationen.

Du har slutfört Apples sidokonfiguration.

Steg 3: Generera hemlig nyckel

• ladda ner Ruby installatör från följande länk https://rubyinstaller.org/downloads/ och installera sedan den.
• Sök efter kommandotolken Start med ruby. Öppna ruby-kommandotolken och installera JWT-gemen genom att köra följande kommando på kommandoraden: gem install jwt.
• Kopiera nedanstående kod i en fil och spara filen med .rb filändelsen. Spara den här .rb-filen och den nedladdade .p8-filen i samma mapp.
• Ange nedanstående värden i koden:
  
  • Ange värdet för key_file som filnamn för den nedladdade nyckelfilen från steg 1. Till exempel: key_file = 'AuthKey_994H448YX2.p8'.
  • Ange värdet på team-ID genom att hänvisa till bilden nedan.
  
  • Ange värdet för klient-ID som värdet för identifieraren för tjänst-ID, till exempel: 'com.abc.xyz'.
  • Ange det kopierade värdet för nyckel-ID från steg 2 i nyckel_id.

                        kräver 'jwt' key_file = 'key.p8' team_id = '' client_id = '' key_id = '' ecdsa_key = OpenSSL::PKey::EC.new IO.read key_file headers = { kid: key_id } claims = { iss: team_id, iat: Time.now.to_i, exp: Time.now.to_i + 86400*180, aud: 'https://appleid.apple.com', sub: client_id, } token = JWT.encode claims, ecdsa_key, 'ES256', headers sätter token ...
                    

Steg 4: Konfigurera Apple 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 OpenID Connect 1.0 protokoll.

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

• 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 5: Testa anslutningar

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



• När du anger giltiga Apple-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-attribut.

Steg 6: Attributmappning

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



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




Attributnamn i Shopify	Välj attributet från listan med fördefinierade attribut
Attributtyp	IDP-attribut
Attributvärde	Välj det attributvärde som du har hämtat från din IDP



• Klicka på Spara.

Steg 7: 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 på en Shopify-utvecklingsbutik, klicka på här. för att ställa in 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 tillhandahålla inloggning med användarnamn och lösenord tillsammans med din inloggning med IDP-alternativ för din B2B-butik, då 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, då 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 Apple Single Sign-On (SSO) genom att ställa in Apple som identitetsleverantör (IdP) och Shopify som Tjänsteleverantör (SP) med miniOrange Shopify Single Sign-On (SSO) inloggningsapp. Med den här konfigurationen kan dina användare nu utföra Enkel inloggning (SSO) till Shopify med Apple-inloggningsuppgifter, säkerställa en modern, säker och smidig autentiseringsupplevelse i hela din Shopify-butik.