OAuth Single Sign-On (SSO) för Shopify med Apple som IDP | Shopify Logga in med Apple

Förutsättning: Enkel inloggning - SSO-applikation

För att konfigurera SSO till Shopify med Apple som IDP måste du installera miniOrange Single Sign On - SSO Application i din Shopify-butik:

Steg för att konfigurera Apple Single Sign-On (SSO)-inloggning till Shopify

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

• Gå till din Shopify-butik, klicka på appar Fliken och välj Enkel inloggning - SSO-inloggning ansökan.

• Klicka på Ställ in IDP knappen uppe till vänster i navigeringsfältet.

• Välj i det vänstra navigeringsfältet Konfigurera SSO och klicka på Lägg till identitetsleverantör knapp.

• Du kan hitta OAuth Callback URL/ Redirect URI i OAuth 2.0 sektion. Håll OAuth-återuppringningsadressen till hands eftersom du kommer att behöva den senare.

2. Konfigurationer i Apple

• Först av allt, gå till https://developer.apple.com , klicka på Konto och logga in med ditt Apple-utvecklarkonto.
  
  
  
• Klicka på Certifikat, identifierare och Profiler i Apple-konto.
  
  
• 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. (Paket-ID:t ska vara i omvänd dns-stilsträng.)
  
  
• 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ätt.
  
  
• ange Beskrivning och Identifiera (Identifierare skulle vara ditt klient-id - Kopiera detta id och klistra in 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å Save knapp. Efter det i högra hörnet klicka på Fortsätt och registrera dig knapp.
  
  
  
• kopiera Nyckel-ID och klicka på Download knapp. När nyckeln är nedladdad klicka 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 Knappen
  
  
  
• Välj Primärt app-ID från rullgardinsmenyn och skriv in Domän (din shopify-butiksdomän) och Omdirigeringsadress (återuppringningsadress från Shopify-applikation) i domäner och underdomäner respektive returadresser. Klicka på Nästa knapp. (Du får domännamnet och omdirigeringsadressen från miniOrange Single Sign-on (SSO)-applikation)
  
  
• Verifiera detaljerna och klicka på Färdig knapp. Efter det i det högra hörnet klickar du på Fortsätta knapp.
• kopiera Identifieringsvärde och klicka på Save knapp.
• Ange identifieringsvärdet i klient-ID:t och kopiera nedladdad nyckel värde i klienthemligheten för Shopify SSO-applikationen.
  
  

Du har slutfört Apples sidokonfiguration.

3. Generera hemlig nyckel

• ladda ner Ruby installatör från följande länk https://rubyinstaller.org/downloads/ och sedan installera den.
• Sök efter kommandotolken Start med ruby. Öppna ruby ​​kommandotolken och installera JWT gem genom att köra följande kommando på kommandoraden: gem install jwt.
• Kopiera nedanstående kod i en fil och spara filen med .rb förlängning. Behåll denna .rb-fil och den nedladdade .p8-filen i samma mapp.
• Ange nedanstående värden i koden:
  
  • Ange värdet på key_file som filnamnet på 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 på klient-id som värdet på identifierare för tjänst-id. till exempel: 'com.abc.xyz'.
  • Ange det kopierade värdet för nyckel-ID från steg 1 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', rubriker sätter token
                    

• Öppna Ruby kommandotolk och kör ovanstående kod med följande kommando rubin filnamn.rb.
• Du kommer att få din hemliga nyckel. Kopiera den hemliga nyckeln.

4. Konfigurera Apple ID som OAuth 2.0-leverantör i Shopify.

• Gå till din Shopify-butik, klicka på appar Fliken och välj Enkel inloggning - SSO-inloggning ansökan.

• Klicka på Ställ in IDP knappen uppe till vänster i navigeringsfältet.

• Välj Identitetsleverantör i det vänstra navigeringsfältet. Välj Oauth.
  
  
• Ange följande värden
  
  

  app Namn	Anpassad leverantör
  Appens visningsnamn	Välj lämpligt namn
  OAuth auktorisera slutpunkt	https://appleid.apple.com/auth/authorize?response_mode=form_post
  OAuth Access Token Endpoint	https://appleid.apple.com/auth/token
  kund-ID	Identifierare Värde för tjänst-ID
  Klients hemliga ID	Från steg 2
  Omfattning	e-mail

• För attributmappning, gå till din shopify-administratörssida och scrolla ner till attributmappningsavsnittet enter OAuthConstants.ATTRIBUTES.EMAIL i e-postfältet.
  
  
• Spara din konfiguration.

Du har slutfört Shopify-sidokonfigurationen.

5. Testar SSO för din Shopify Store

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

• Du omdirigeras till inloggningssidan för den IDP som du konfigurerade i föregående steg. Logga in med dina IDP-kontouppgifter.
• Du kommer att loggas in på din Shopify-butik.

Du har framgångsrikt konfigurerat Apple som IDP för din Shopify Store!!