OAuth Single Sign-On (SSO) für Shopify mit Apple als IDP | Shopify-Login mit Apple

Voraussetzung: Single Sign On – SSO-Anwendung

Um SSO in Shopify mit Apple als IDP zu konfigurieren, müssen Sie die miniOrange Single Sign On – SSO-Anwendung in Ihrem Shopify-Shop installieren:

Schritte zum Konfigurieren der Apple Single Sign-On (SSO)-Anmeldung bei Shopify

Schritt 1: Schritt zum Abrufen des Umleitungs-URI für den OAuth-Server

• Gehen Sie zu Ihrem Shopify-Shop und klicken Sie auf Apps und wählen Sie die Single Sign On – SSO-Anmeldung Anwendung.

• Klicken Sie auf IDP einrichten Schaltfläche oben links in der Navigationsleiste.

• Wählen Sie in der linken Navigationsleiste aus Konfigurieren Sie SSO und klicken Sie auf Identitätsanbieter hinzufügen .

• Sie finden die OAuth-Rückruf-URL/Umleitungs-URI der OAuth 2.0 Abschnitt. Halten Sie die OAuth-Rückruf-URL bereit, da Sie sie später benötigen werden.

2. Konfigurationen in Apple

• Gehen Sie zunächst zu https://developer.apple.com , klicken Sie auf Konto und melden Sie sich mit Ihrem Apple-Entwicklerkonto an.
  
  
  
• Klicken Sie auf Zertifikate, Identifikatoren und Profile im Apple-Konto.
  
  
• Klicken Sie im linken Menü auf Identifiers und danach auf klicken Plus-Symbol (blaue Farbe). Klicken Sie auf Fortfahren für die nächsten 2 Seiten des Apple-Kontos.
  
  
• Enter Beschreibung und Bundle-ID für die App-ID. (Die Bundle-ID sollte eine Zeichenfolge im Reverse-DNS-Stil sein.)
  
  
• Im Leistungen Abschnitt nach unten scrollen und auswählen Schild mit Apfel und klicken Sie auf Bearbeiten Link.
  
  
• Auswählen Als primäre App-ID aktivieren und klicken Sie auf Speichern. Klicken Sie auf Fortfahren und klicken Sie dann auf Registrieren.
  
  
  
• Klicken Sie in der rechten Ecke auf Fortfahren, dann klicken Sie auf Registrieren .
• Klicken Sie erneut auf Plus-Symbol (blaue Farbe). Wählen Dienst-IDs und klicken Sie auf Weiter.
  
  
• Enter Beschreibung und Identifizieren (Die Kennung wäre Ihre Kunden-ID. Kopieren Sie diese ID und fügen Sie sie in das obige Feld der Kunden-ID ein.) Klicke auf Fortfahren und klicken Sie dann auf Registrieren .
  
  
• Klicken Sie auf Kostenlos erhalten und dann auf Installieren. Tasten aus dem Menü auf der linken Seite. Klick auf das Plus-Symbol um einen neuen Schlüssel zu registrieren.
  
  
• Gib dein Wesentliche einen Namen, auswählen Melden Sie sich bei Apple an und klicken Sie auf Einrichtung .
  
  
• Wählen Sie Ihre Primäre ID und klicken Sie auf Speichern Taste. Klicken Sie anschließend in der rechten Ecke auf Fahren Sie fort und registrieren Sie sich .
  
  
  
• Kopieren Sie die Schlüssel-ID und klicke auf das Herunterladen Taste. Sobald der Schlüssel heruntergeladen ist, klicken Sie auf Erledigt .
  
  
• Klicken Sie im linken Menü auf Kennungen.
• Klicken Sie oben rechts auf App-IDs.
• Auswählen Dienst-IDs aus dem Dropdown-Menü.
  
  
• Wählen Sie Ihre Service-ID von der Liste.
• Wählen Sie „Mit Apple anmelden“ und klicken Sie auf Einrichtung Taste im nun erscheinenden Bestätigungsfenster nun wieder los.
  
  
  
• Wähle aus Primäre App-ID aus dem Dropdown-Menü und geben Sie ein Domain (Ihre Shopify-Shop-Domain) und für Weiterleitungs-URL (Rückruf-URL aus der Shopify-Anwendung) in Domains und Subdomains bzw. Rückgabe-URLs. Klick auf das Weiter Taste. (Sie erhalten den Domänennamen und die Weiterleitungs-URL von der miniOrange Single Sign-On (SSO)-Anwendung.)
  
  
• Überprüfen Sie die Details und klicken Sie auf Erledigt Taste. Klicken Sie anschließend in der rechten Ecke auf Fortfahren .
• Kopieren Sie die Bezeichnerwert und klicken Sie auf Speichern .
• Geben Sie den Bezeichnerwert in die Client-ID ein und kopieren Sie den Schlüssel heruntergeladen Wert im Client-Geheimnis der Shopify SSO-Anwendung.
  
  

Sie haben die Apple-seitige Konfiguration erfolgreich abgeschlossen.

3. Geheimen Schlüssel generieren

• Laden Sie die Ruby-Installationsprogramm aus dem folgenden Link https://rubyinstaller.org/downloads/ und dann installieren.
• Suchen Sie mit Ruby nach der Start-Eingabeaufforderung. Öffnen Sie die Ruby-Eingabeaufforderung und installieren Sie das JWT-Gem, indem Sie den folgenden Befehl in der Befehlszeile ausführen: gem install jwt.
• Kopieren Sie den folgenden Code in eine Datei und speichern Sie die Datei mit .rb Verlängerung. Bewahren Sie diese .rb-Datei und die heruntergeladene .p8-Datei im selben Ordner auf.
• Geben Sie die folgenden Werte in den Code ein:
  
  • Geben Sie den Wert von key_file als Dateinamen der heruntergeladenen Schlüsseldatei aus Schritt 1 ein. Beispiel: key_file = 'AuthKey_994H448YX2.p8'.
  • Geben Sie den Wert der Team-ID ein, indem Sie sich auf das Bild unten beziehen.
    
    
  • Geben Sie den Wert der Client-ID als Wert der Kennung der Dienst-ID ein. zum Beispiel: „com.abc.xyz“.
  • Geben Sie den kopierten Wert der Schlüssel-ID ein Schritt 1 in key_id.
  
  

                        require '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“, Header setzen Token
                    

• Öffnen Sie die Ruby-Eingabeaufforderung und führen Sie den obigen Code mit dem folgenden Befehl aus Ruby-Dateiname.rb.
• Sie erhalten Ihren geheimen Schlüssel. Kopieren Sie den geheimen Schlüssel.

4. Konfigurieren Sie die Apple ID als OAuth 2.0-Anbieter in Shopify.

• Gehen Sie zu Ihrem Shopify-Shop und klicken Sie auf Apps und wählen Sie die Single Sign On – SSO-Anmeldung Anwendung.

• Klicken Sie auf IDP einrichten Schaltfläche oben links in der Navigationsleiste.

• Wählen Sie in der linken Navigationsleiste Identitätsanbieter aus. Wählen Sie OAuth aus.
  
  
• Geben Sie die folgenden Werte ein
  
  

  App Name	Benutzerdefinierter Anbieter
  Anzeigename der App	Wählen Sie einen geeigneten Namen
  OAuth-Autorisierungsendpunkt	https://appleid.apple.com/auth/authorize?response_mode=form_post
  OAuth-Zugriffstoken-Endpunkt	https://appleid.apple.com/auth/token
  Kunden-ID	Bezeichnerwert der Dienst-ID
  Geheime Client-ID	Ab Schritt 2
  Geltungsbereich	E-Mail

• Für die Attributzuordnung gehen Sie zu Ihrer Shopify-Administratorseite und scrollen Sie nach unten, um den Abschnitt „Attributzuordnung“ einzugeben OAuthConstants.ATTRIBUTES.EMAIL im E-Mail-Feld.
  
  
• Speichern Sie Ihre Konfiguration.

Sie haben die Shopify-Seitenkonfiguration erfolgreich abgeschlossen.

5. Testen Sie SSO für Ihren Shopify Store

• Gehen Sie zu Ihrer Shopify Store-Anmeldeseite.(https:// /Account Login)
• Klicken Sie auf Login-Button Sie haben es zuvor angepasst.

• Sie werden zur Anmeldeseite des IDP weitergeleitet, den Sie im vorherigen Schritt konfiguriert haben. Melden Sie sich mit Ihren IDP-Kontoanmeldeinformationen an.
• Sie werden erfolgreich in Ihrem Shopify-Shop angemeldet.

Sie haben Apple erfolgreich als IDP für Ihren Shopify Store konfiguriert!!