Comment configurer l'authentification unique (SSO) dans Shopify en utilisant Apple comme fournisseur d'identité ?

miniOrange permet à Apple d'agir en tant que fournisseur d'identité (IdP), permettant aux utilisateurs de se connecter avec Authentification unique (SSO) dans Shopify à l'aide des identifiants Apple. Avec le « Se connecter avec Apple » fonctionnalité, les clients peuvent accéder à votre boutique Shopify en toute sécurité sans avoir besoin de créer des comptes séparés, ce qui contribue à réduire les frictions et à accroître la confiance.

La solution prend en charge à la fois nouveaux comptes clients Shopify et comptes classiques/anciens, marche avec Boutiques Shopify Plus et non-Plus, et est idéal pour Marques D2C, magasins par abonnement et vitrines B2B. En configurant SSO Apple Shopify, tu peux livrer une expérience d'authentification sécurisée, axée sur la confidentialité et conviviale pour vos clients

Installez l'application Plans de tarification

Prérequis : Installation de l’application

• Connectez-vous à votre Administrateur Shopify.
• Allez dans Apps → Shopify App Store
• Recherchez miniOrange Authentification unique (SSO)
• Cliquez à nouveau Installer pour ajouter l'application à votre boutique
• Ouvrez l'application depuis Apps pour démarrer l'authentification unique Apple dans la configuration Shopify

Guide étape par étape pour configurer Apple comme fournisseur d'identité (OAuth) pour l'authentification unique (SSO) sur Shopify

Étape 1 : Récupérer l'URI de redirection pour le serveur OAuth

• Accédez à votre boutique Shopify et accédez au  Application section et cliquez sur Authentification unique - Connexion SSO .

• Cliquez sur le Ajouter un fournisseur d'identité bouton pour ajouter votre IDP.

• Sélectionner OpenID Connect 1.0 protocole.

• Maintenant, choisissez IDP personnalisé de la liste des personnes déplacées.

• Copiez le URL de rappel OAuth et gardez-le à portée de main car il sera utilisé dans les étapes ultérieures.

Étape 2 : Configurer Apple comme fournisseur d’identité dans Shopify

• Tout d'abord, connectez-vous avec votre Compte développeur Apple et cliquez sur Compte.



• Cliquez sur Certificats, Identifiants et Profils dans le compte Apple.



• Dans le menu de gauche Cliquez sur Identifiants et après cela, cliquez sur le Icône Plus (couleur bleue). Cliquez sur Continuer pour les 2 prochaines pages du compte Apple.



• Entrer Description et Identifiant de l'offre groupée pour Identifiant de l'application. (L'ID du bundle doit être dans une chaîne de style DNS inversé.)



• Dans l' faites défiler la section vers le bas et sélectionnez signer avec pomme et cliquez sur Modifier lien.



• Sélectionner Activer en tant qu'ID d'application principal et cliquez sur Enregistrer. Cliquez sur Continuer puis cliquez sur Inscrivez-vous.



• Dans le coin droit, cliquez sur Continuer, puis cliquez sur S'enregistrer .
• Cliquez à nouveau sur le Icône Plus (couleur bleue). Sélectionner ID de service et cliquez sur Continuer.



• Entrer Description et Identifiant (L'identifiant serait votre identifiant client - Copiez cet identifiant et collez-le dans le champ ci-dessus de l'identifiant client). Cliquez sur Continuer puis cliquez sur le S'enregistrer .



• Cliquez à nouveau Clés / Key dans le menu de gauche. Clique sur le Icône Plus pour enregistrer une nouvelle clé.



• Donne ton ACTIVITES un nom, sélectionnez Connectez-vous avec Apple et cliquez sur Configurer .



• Sélectionnez votre ID principal et cliquez sur le Enregistrer bouton. Ensuite, dans le coin droit, cliquez sur Continuer et s'inscrire .



• Copiez le ID de clé et cliquez sur le Télécharger bouton. Une fois la clé téléchargée, cliquez sur le OK .



• Dans le menu de gauche cliquez sur Identifiants.
• En haut à droite, cliquez sur ID d'application.
• Sélectionner ID de service dans le menu déroulant.



• Sélectionnez votre Identifiant de service de la liste.
• Sélectionnez Se connecter avec Apple et cliquez sur Configurer .



• Sélectionnez le ID d'application principal dans la liste déroulante et entrez le Domaine (le domaine de votre boutique Shopify) et la URL de redirection (URL de rappel de l'application Shopify) dans les domaines et sous-domaines et les URL de retour respectivement. Clique sur le Suivant bouton. (Vous obtiendrez le nom de domaine et l'URL de redirection depuis l'application miniOrange SSO)



• Vérifiez les détails et cliquez sur le OK bouton. Ensuite, dans le coin droit, cliquez sur le Continuer .
• Copiez le Valeur de l'identifiant et cliquez sur le Enregistrer .
• Entrez la valeur de l'identifiant dans l'ID client et copiez le clé téléchargée valeur dans le secret client de l'application Shopify SSO.

Vous avez terminé avec succès la configuration côté Apple.

Étape 3 : Génération de la clé secrète

• Téléchargez le Installateur Ruby du lien suivant https://rubyinstaller.org/downloads/ puis installez-le.
• Recherchez l'invite de commande « Démarrer avec Ruby ». Ouvrez l'invite de commande Ruby et installez le gem JWT en exécutant la commande suivante : gem install jwt.
• Copiez le code ci-dessous dans un fichier et enregistrez le fichier avec le .rb extension. Conservez ce fichier .rb et le fichier .p8 téléchargé dans le même dossier.
• Entrez les valeurs ci-dessous dans le code :
  
  • Saisissez la valeur de key_file comme nom de fichier du fichier de clé téléchargé à l'étape 1. Par exemple : key_file = 'AuthKey_994H448YX2.p8'.
  • Entrez la valeur de l'ID de l'équipe en vous référant à l'image ci-dessous.
  
  • Saisissez la valeur de l'ID client comme valeur de l'identifiant de l'ID de service. par exemple : « com.abc.xyz ».
  • Entrez la valeur copiée de l'ID de clé à partir de Étape 2 dans 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', sous : client_id, } token = revendications JWT.encode, ecdsa_key, 'ES256', les en-têtes mettent un jeton
                    

Étape 4 : Configurer Apple comme fournisseur d'identité dans Shopify

• Revenez au Authentification unique miniOrange-SSO .

• Cliquez sur le Ajouter un fournisseur d'identité bouton pour ajouter votre IDP.

• Sélectionner OpenID Connect 1.0 protocole.

• Dans la liste des personnes déplacées, sélectionnez IDP personnalisé.

• Maintenant, remplissez les détails requis comme ID client, secret client, points de terminaison et portée.
• Veuillez vous référer au tableau ci-dessous pour configurer les valeurs.

• Vous pouvez maintenant cliquer sur Enregistrer.

Étape 5 : Tester les connexions

• Après avoir enregistré la configuration IDP, vous serez redirigé vers Test de connexion étape.
• Veuillez effectuer un test de connexion avant de mapper ou de récupérer des attributs, le test de connexion garantit que votre configuration IDP est correcte.
• Cliquez sur le Test de connexion .



• Après avoir saisi des informations d'identification Apple valides, vous verrez une fenêtre contextuelle qui s'affiche dans l'écran ci-dessous.



• Cliquez sur le Récupérer les attributs bouton pour récupérer l’attribut IDP.

Étape 6 : Mappage des attributs

• Cliquez sur le + Mappage d'attributs bouton pour mapper les attributs entre Shopify et Apple.



• Mappez les attributs en vous référant au tableau ci-dessous :




Nom de l'attribut dans Shopify	Choisissez l'attribut dans la liste des attributs prédéfinis
Type d'attribut	Attribut IDP
Valeur d'attribut	Sélectionnez la valeur d'attribut que vous avez récupérée de votre IDP



• Cliquez sur Enregistrer.

Étape 7 : Activer et tester les configurations SSO

Sélectionnez le type de boutique Shopify :

• Magasin Non-Plus
• Magasin Plus

Configuration SSO dans les magasins Shopify non-Plus

Choisissez le type de compte que vous avez activé sur votre boutique Shopify :

• Compte client
• Comptes clients hérités

À noter: Si vous utilisez un magasin protégé par mot de passe ou travailler sur un Boutique de développement Shopifycliquez ici pour configurer le cookie de synthèse de la boutique afin que l'authentification unique (SSO) puisse fonctionner sur votre boutique.

• Accédez au tableau de bord de l'application, activez le extension des comptes clients comme le montre l'image ci-dessous.

• Activez la Nouveaux comptes clients extension et cliquez sur Enregistrer.

• Accédez à la page d'accueil de l'application et activez l'option Option de basculement de connexion IDP par rapport au fournisseur d'identité que vous avez configuré.

Autoriser uniquement les utilisateurs SSO à finaliser la commande - Interdire aux autres

Cette fonctionnalité permet uniquement aux utilisateurs connectés via l'authentification unique (SSO) de finaliser leur commande. Les autres utilisateurs ne pourront pas procéder au paiement.

• Accédez à Paramètres.



• Ouvrez le Paiement .



• Faites défiler vers le bas, dans le règles de caisse section, cliquez sur Ajouter une règle.



• Cliquez sur Validation du paiement SSO.



• Désélectionner le « Autoriser tous les clients à finaliser leur commande » option, et cliquez sur Enregistrer.



• Maintenant vous pouvez allumer la règle de la caisse.



• Si vous tentez de finaliser votre commande sans utiliser l'authentification unique (SSO), une erreur s'affichera comme indiqué ci-dessous.

Test de l'authentification unique (SSO) pour votre boutique Shopify

• Accédez à votre boutique Shopify.(https:// )
• Cliquez sur le Icône de connexion utilisateur.

• Vous serez redirigé vers la page de connexion du fournisseur d'identité (IDP) que vous avez configuré à l'étape précédente. Connectez-vous avec vos identifiants IDP.
• Saisissez ensuite le mot de passe à usage unique (OTP) à six chiffres qui sera envoyé à votre adresse e-mail enregistrée. (Ceci est une procédure unique.)

• Vous serez connecté avec succès à votre boutique Shopify.

• Accédez au tableau de bord de l'application, vous verrez une boîte d'avertissement pour ajouter l'extension du bouton de connexion sur la page Compte, cliquez sur le extension de widget de connexion Cliquez sur le lien indiqué dans l'image ci-dessous pour l'activer.

• Accédez à la page d'accueil de l'application et activez l'option Option de basculement de connexion IDP par rapport au fournisseur d'identité que vous avez configuré.

• Si vous souhaitez configurer SSO dans Shopify à l'aide de plusieurs IDPSélectionnez ensuite votre fournisseur d'identité dans la liste fournie. iciet configurez l'authentification unique (SSO) à l'aide de ce fournisseur d'identité.
• Activez la Option de basculement de connexion IDP pour activer l'authentification unique (SSO) sur Shopify en utilisant plusieurs fournisseurs d'identité (IdP).

Test de l'authentification unique (SSO) pour votre boutique Shopify

• Accédez à la page de connexion de votre boutique Shopify.(https:// /compte/connexion)
• Cliquez sur le bouton de connexion Vous avez personnalisé précédemment.

• Vous serez redirigé vers la page de connexion du fournisseur d'identité (IDP). Connectez-vous maintenant avec vos identifiants de compte existants.

• Après la connexion, si vous rencontrez une erreur « jeton reCAPTCHA non valide ou manquant », accompagnée d'un message « Une erreur s'est produite », reportez-vous à ceci QFP pour résoudre l'erreur.

Configuration SSO dans les magasins Shopify Plus

Choisissez le type de compte que vous avez activé sur votre boutique Shopify :

• Compte client
• Comptes clients hérités

• Retournez à l'application SSO et cliquez sur le Connecter le magasin languette.
• Copiez le URL du point de terminaison de découverte ID client, secret client, étendues supplémentaires et Paramètre URI de redirection après déconnexion et gardez-les à portée de main.

• Cliquez sur le Compte client lien comme indiqué dans l'image ci-dessous.

• Sélectionnez le Compte client l'option recommandée par Shopify. Ensuite, recherchez la Authentification option et cliquez sur Gérer.
• Si vous ne trouvez pas l'option, veuillez contacter shopifysupport@xecurify.com pour obtenir de l'assistance

• Cliquez sur le Gérer les fournisseurs .

• Cliquez sur Se connecter au fournisseur .

• Ajoutez le nom du fournisseur d'identité et à partir de Provider liste déroulante, sélectionnez Douanes ou autres.

• Renseignez les détails tels que URL du point de terminaison de découverte, ID client, secret client, étendues supplémentaires, paramètre URI de redirection après déconnexion que tu as copié de au dessus de étape. Cliquez sur Enregistrer.

• Une fois le fournisseur d'identité ajouté, procédez comme suit : Test de connexion.

• Après avoir vérifié le flux, définissez le fournisseur d'identité comme Active.

• Accédez à la page d'accueil de l'application et activez l'option Option de basculement de connexion IDP par rapport au fournisseur d'identité que vous avez configuré.

Test de l'authentification unique (SSO) pour votre boutique Shopify

• Accédez à votre boutique Shopify.(https:// )
• Cliquez sur le Icône de connexion utilisateur.

• Vous serez redirigé vers la page de connexion du fournisseur d'identité (IDP) que vous avez configuré à l'étape précédente. Connectez-vous avec vos identifiants IDP.

• Vous serez connecté avec succès à votre boutique Shopify.

Fournir une connexion à l'aide d'un nom d'utilisateur et d'un mot de passe

Si vous souhaitez fournir une connexion utilisant un nom d'utilisateur et un mot de passe ainsi que votre connexion avec l'option IDP pour votre boutique B2B, alors cliquez ici

Fournir une connexion à l'aide d'un OTP par e-mail

Si vous souhaitez fournir une connexion via Email OTP avec votre connexion avec l'option IDP pour votre boutique B2B, alors cliquez ici

• Maintenant, cliquez sur le Guide d'installation Cliquez sur le bouton et suivez les étapes indiquées pour obtenir un jeton multipass.

• Activez la Jeton multipass option. Consultez cette section. FAQ pour obtenir la valeur du jeton Multipass et la coller dans le champ ci-dessous.

• Cliquez sur Enregistrer.

• Accédez au tableau de bord de l'application, vous verrez une boîte d'avertissement pour ajouter l'extension du bouton de connexion sur la page Compte, cliquez sur le extension de widget de connexion Cliquez sur le lien indiqué dans l'image ci-dessous pour l'activer.

• Accédez à la page d'accueil de l'application et activez l'option Option de basculement de connexion IDP par rapport au fournisseur d'identité que vous avez configuré.

• Si vous souhaitez configurer SSO dans Shopify à l'aide de plusieurs IDPSélectionnez ensuite votre fournisseur d'identité dans la liste fournie. iciet configurez l'authentification unique (SSO) à l'aide de ce fournisseur d'identité.
• Activez la Option de basculement de connexion IDP pour activer l'authentification unique (SSO) sur Shopify en utilisant plusieurs fournisseurs d'identité (IdP).

Test de l'authentification unique (SSO) pour votre boutique Shopify

• Accédez à la page de connexion de votre boutique Shopify.(https:// /compte/connexion)
• Cliquez sur le bouton de connexion Vous avez personnalisé précédemment.

• Vous serez redirigé vers la page de connexion du fournisseur d'identité (IDP). Connectez-vous maintenant avec vos identifiants de compte existants.

• Si vous rencontrez une erreur « jeton reCAPTCHA non valide ou manquant », accompagnée d'un message « Un problème est survenu », reportez-vous à ceci QFP pour résoudre l'erreur.

• Vous serez connecté avec succès à votre boutique Shopify.

Dans ce guide, vous avez configuré Authentification unique Apple (SSO) en mettant en place Apple en tant que fournisseur d'identité (IdP) et Shopify comme le Fournisseur de services (SP) en utilisant la fonction Application de connexion unique (SSO) miniOrange Shopify. Avec cette configuration, vos utilisateurs peuvent désormais effectuer Authentification unique (SSO) dans Shopify à l'aide des informations d'identification Apple, garantissant une expérience d'authentification moderne, sécurisée et fluide sur votre boutique Shopify.