Comment configurer une authentification unique SAML personnalisée dans Shopify en utilisant SAML personnalisé comme fournisseur d'identité ?

L'application d'authentification unique (SSO) Shopify permet de se connecter à une boutique Shopify via plusieurs fournisseurs d'identité (IdP) grâce au protocole SAML. Elle prend en charge des fonctionnalités avancées d'authentification unique (SSO) telles que le mappage des attributs de profil utilisateur, le mappage des rôles, et bien plus encore. Pour en savoir plus sur les autres fonctionnalités offertes par notre application d'authentification unique Shopify, cliquez ici.

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 SAML personnalisée dans la configuration Shopify

Guide étape par étape pour configurer l'authentification unique SAML personnalisée dans Shopify en utilisant SAML personnalisé comme fournisseur d'identité

Étape 1 : obtenir les métadonnées du fournisseur de services (SP) à partir de l'application Shopify SSO

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

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

• Sélectionner SAML protocole.

• Dans la liste des fournisseurs d'identité (IDP), sélectionnez IDP personnalisé.

• Cliquez sur le Obtenir des métadonnées bouton pour récupérer les métadonnées du fournisseur de services (Shopify).

• Pour l’authentification unique initiée par le SP
• Pour le SSO initié par l'IDP

• Accédez à Métadonnées initiées par SP section et copiez le URL ACS et ID d'entité ou émetteur.

• Accédez à Métadonnées initiées par l'IDP section et copiez le URL ACS et ID d'entité ou émetteur.

Vous avez obtenu avec succès les métadonnées du fournisseur de services auprès de Shopify.

Étape 2 : Configurer l'application SAML en tant que fournisseur d'identité (IDP)

• Consultez la console du développeur de votre IDP SAML choisi.
• Créer une nouvelle application.
• Sélectionnez le Protocole SAML pour cette application nouvellement créée.
• Collez les détails des métadonnées individuelles telles que ID d'entité IDP, URL ACS, certificat X.509 de l'application Shopify SSO de Étape 1.
• Enregistrez les configurations.
• Obtenez les données suivantes de votre IDP telles que ID d'entité IDP, URL de connexion SAML, URL de déconnexion, certificat SAML X.509.
• Créez un utilisateur dans votre IDP à utiliser pour le SSO dans Shopify.

Vous avez terminé les configurations côté IDP.

Étape 3 : Configurer l'application SAML personnalisée en tant que fournisseur d'identité dans Shopify

• Revenez au Authentification unique Shopify-SSO postulez et remplissez les champs obligatoires en vous référant au tableau ci-dessous.

Nom d'affichage du fournisseur d'identité	Fournir un nom d’affichage approprié
ID d'entité IDP	ID d'entité de votre application IDP SAML
URL de connexion SAML SSO	URL de connexion IDP SAML
Certificat X.509	Certificat SAML X.509 de votre fournisseur d'identité
URL de déconnexion SAML SSO	URL de déconnexion IDP SAML

• Cliquez sur Suivant.

Vous avez maintenant terminé la configuration de l'IDP SAML personnalisé dans votre application Shopify SSO.

Étape 4 : Tester la connexion

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

• Vous serez redirigé vers la page de connexion de l'IDP que vous avez configuré à l'étape précédente. Connectez-vous avec les identifiants de votre compte IDP.

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

Étape 5 : Mappage des attributs

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

• 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 6 : Activer et tester les configurations SSO

Étape 7 : restreindre l'authentification unique en fonction des attributs IDP

• Vous pouvez contrôler l'accès à votre boutique Shopify en définissant des règles qui autorisent ou refusent l'entrée en fonction d'attributs utilisateur spécifiques. Par exemple, vous pouvez restreindre l'accès à certaines sections de la boutique pour les utilisateurs disposant d'une balise ou d'un domaine particulier.
• Accédez à Apps section, puis sélectionnez le Authentification unique miniOrange – SSO .

• Cliquez sur le Paramètres additionnels option sous la Plus d'action languette.

• Activez la Restreindre l'accès au magasin en fonction des attributs du profil utilisateur IDP fonctionnalité sous le Restrictions d'accès au magasin languette.

• Cliquez sur le + Ajouter un attribut pour ajouter un attribut comme indiqué dans l'image ci-dessous.

• Si le nom de l'attribut de l'IDP correspond à la valeur de l'attribut bloqué, l'utilisateur sera redirigé vers la page bloquée après s'être connecté à la boutique Shopify.

• Cliquez sur Enregistrer.
• Exemple : Si le nom de l'attribut bloqué est « domaine » et sa valeur est « @gmail.com », alors tous les clients avec un domaine @gmail seront redirigés vers la page bloquée après avoir effectué l'authentification unique sur la boutique Shopify.

Étape 8 : Accès au magasin réservé aux utilisateurs connectés

• « Protéger la boutique complète avec SSO » accorde un accès exclusif à votre boutique Shopify, garantissant que seuls les utilisateurs connectés peuvent y accéder. Tout utilisateur non connecté tentant d'accéder à une page de votre boutique Shopify sera redirigé vers la page de mot de passe.
• À noter: Pour les étapes suivantes, assurez-vous d'avoir activé la protection par mot de passe sur votre boutique Shopify.
• Pour configurer votre boutique complète avec l'application Shopify SSO, vous devez obtenir un cookie storefront_digest.
• Accédez à votre boutique Shopify. Faites un clic droit sur la page et sélectionnez l'option « Inspecter ».

• Maintenant, naviguez vers le Application section et sélectionnez le Cookies option dans le menu de gauche. Choisissez votre magasin et recherchez vitrine_digest. Copiez la valeur associée à ce cookie.

• Accédez à Apps section, puis sélectionnez le Authentification unique miniOrange – SSO .

• Allez dans Configurations globales onglet puis sous Paramètres d'accès au magasin, activez le Protection complète du magasin fonctionnalité. Collez le cookie storefront_digest valeur dans le Jeton de magasin champ, comme indiqué dans l'image ci-dessous.

• Cliquez sur Enregistrer.
• Maintenant, allez à https://<your-store-domain>/password et cliquez sur Entrez en utilisant le mot de passe dans le coin supérieur droit.

• Après cela, cliquez sur le bouton Connexion SSO widget pour lancer le processus d'authentification unique. Par exemple : nommons notre widget « Connexion avec SSO » comme indiqué dans l'image ci-dessous.

Vous avez donc configuré avec succès l'authentification unique (SSO) Shopify à l'aide de votre fournisseur d'identité personnalisé et de Shopify comme fournisseur de services . Cette solution vous permet de déployer rapidement un accès sécurisé à votre boutique Shopify grâce aux identifiants de connexion SAML de votre fournisseur d'identité.