Table des matières

Authentification unique (SSO) OAuth pour Shopify utilisant Azure B2C comme fournisseur d'identité

miniOrange permet Azure B2C pour agir en tant qu'IDP (Identity Provider), qui permet aux utilisateurs de Authentification unique (SSO) dans Shopify en utilisant Informations d'identification Azure B2C. Notre application est compatible avec tous les fournisseurs d'identité compatibles SAML/OAuth. Nous passerons par un guide étape par étape pour configurer Authentification unique (SSO) dans Shopify en utilisant Azure B2C comme IdP (Fournisseur d'identité) et Boutique Shopify en tant que SP (Fournisseur de services).

Pré-requis : Single Sign-On - Application de connexion SSO

Configurer SSO dans Shopify avec Azure B2C comme IDP, vous devrez installer le Authentification unique miniOrange Shopify - Connexion SSO Application sur votre boutique :

Shopify Authentification unique (SSO) WSO2

Authentification unique Shopify (SSO)

By miniOrange

miniOrange fournit un accès sécurisé par authentification unique (SSO) à votre boutique Shopify (à la fois plus et non plus).

Obtenez cette application

Guide étape par étape pour l'authentification unique dans la boutique Shopify à l'aide d'Azure B2C

1. Configurer Azure B2C en tant que fournisseur OAuth

Connectez-vous à la Portail Azure.
Accédez à Accueil et dans les services Azure, sélectionnez Azur B2C.

Authentification unique (SSO) Azure AD B2C – Sélectionnez Azure AD B2C

Veuillez vous assurer que vous êtes dans le répertoire Azure AD B2C avec un abonnement actif et sinon, vous pouvez basculer vers le bon répertoire.

Azure AD B2C Single Sign-On (SSO) - Applications de connexion

Maintenant, cliquez sur Inscriptions d'applications puis cliquez sur le Nouvelle inscription option pour créer une nouvelle application Azure B2C.

Configurez les options suivantes pour créer une nouvelle application.

Entrez un nom pour votre candidature sous le Nom champ de texte.
Dans les types de comptes pris en charge, sélectionnez la 3ème option « Comptes dans n'importe quel fournisseur d'identité ou répertoire organisationnel (pour authentifier les utilisateurs avec des flux d'utilisateurs) ».
Accédez à votre boutique Shopify, cliquez sur le Applications onglet, et sélectionnez le Authentification unique - Connexion SSO .

Section de l'application Shopify - Application d'authentification unique

Cliquez sur le Configurer le fournisseur d'identité en haut à gauche de la barre de navigation.

Authentification unique (SSO) pour Shopify (Plus et Non Plus), configurez IDP pour activer l'authentification unique (SSO)

Dans la barre de navigation de gauche, sélectionnez Configurer l'authentification unique et cliquez sur Ajouter un fournisseur d'identité .

Shopify - application sso miniorange - choisissez OAuth 2.0

Vous pouvez trouver URL de rappel OAuth dans l' OAuth 2.0 .

Cliquez sur le Inscription bouton pour créer votre application.

Authentification unique (SSO) Azure AD B2C - Créer

Une fois la création réussie de l'application, vous serez redirigé vers la page de présentation de l'application nouvellement créée. Sinon, vous pouvez accéder aux inscriptions de l'application et rechercher le nom de votre application et vous trouverez votre application dans la liste.

Azure AD B2C Single Sign-On (SSO) - Option Applications

Copiez votre ID d'application et enregistrez-le sous votre identité du client zone de texte dans votre Connexion à authentification unique (SSO) Shopify .

Authentification unique (SSO) Azure AD B2C - ID d'application

Pour le locataire Azure B2C, copiez le nom de domaine sous Essentiels sur la page d'accueil et enregistrez-le. Nous en aurons besoin plus tard.

Azure AD B2C Single Sign-On (SSO) - Générer une clé

Puis cliquez sur Certificats et secrets puis cliquez sur Nouveau secret client pour générer un secret client. Entrez une description et cliquez sur le Ajouter .

Copiez la valeur secrète de la page Certificats et secrets et stockez-la en tant que Secret client dans votre Connexion à authentification unique (SSO) Shopify .

1.1 Ajouter des utilisateurs dans votre application B2C

Sur la page d'accueil, rendez-vous sur Utilisateurs onglet dans le coin gauche.

Azure AD B2C Single Sign-On (SSO) - flux utilisateur

Cliquez sur Nouvel utilisateur sur la page de l'utilisateur.

Sélectionnez Créer Azure AD B2C utilisateur. Ensuite, cliquez sur Email à partir de la méthode de connexion, définissez votre mot de passe et cliquez sur Création pour enregistrer les détails de l'utilisateur afin d'effectuer une configuration de test.

1.2 Comment créer et ajouter une stratégie

Allez à Flux d'utilisateurs puis cliquez sur Flux de nouveaux utilisateurs.

Sélectionnez un type de flux utilisateur S'inscrire et se connecter puis cliquez sur Création .

Azure AD B2C Single Sign-On (SSO) - flux d'utilisateurs de secte

Remplissez toutes les informations, par exemple Nom, Fournisseurs d'identité, etc. puis cliquez sur Création .

Azure AD B2C Single Sign-on (SSO) - informations sur le flux utilisateur

Copiez la valeur du nom de la stratégie. Cela sera nécessaire lors de la configuration des points de terminaison d’autorisation et de jeton.

1.3 Ajouter des revendications d'utilisateurs à votre application

Cliquez sur flux d'utilisateurs sous les politiques dans le coin gauche. Sélectionnez la stratégie configurée.

Sélectionnez Revendications d'application dans les paramètres.

Sélectionnez les attributs souhaités à afficher sur la configuration de test et enregistrez-la.

Allez dans Application → Sélectionnez l'application et accédez au Autorisations d'API languette.

Azure B2C B2C Single Sign-On (SSO) - Autorisations API

Cliquez sur le Ajouter une autorisation bouton, puis API Microsoft Graph -> Autorisations déléguées Sélectionner openid, Profil portée, et cliquez sur le Ajouter des autorisations .

Azure B2C B2C Single Sign-On (SSO) - Demander des autorisations API

Cliquez sur le Accorder le consentement pour le bouton Démo.
Accédez à l'onglet Manifeste et recherchez groupeMembershipClames changer sa valeur en "Tous" et cliquez sur le enregistrer .

Azure B2C B2C Single Sign-On (SSO) - Réclamations d'adhésion à un groupe

1.4 Points finaux

Cliquez sur Inscriptions des candidatures -> Endpoints.
In jeton ainsi que autorisation URL des points de terminaison, remplacer avec le nom de votre stratégie configurée.

Vous avez configuré avec succès Azure AD B2C en tant que fournisseur OAuth pour réaliser l'authentification des utilisateurs avec la connexion Azure AD B2C Single Sign-On (SSO) dans votre boutique Shopify.

2. Configurez Azure B2C en tant que fournisseur OAuth 2.0 dans Shopify.

Encore une fois, rendez-vous dans votre boutique Shopify, cliquez sur le Applications onglet, et sélectionnez le Authentification unique - Connexion SSO .

Cliquez sur le Configurer le fournisseur d'identité en haut à gauche de la barre de navigation.

Dans la barre de navigation de gauche, sélectionnez Configurer l'authentification unique et cliquez sur Ajouter un fournisseur d'identité .

Shopify - application sso miniorange - ajouter un fournisseur d'identité

Sélectionnez OAuth 2.0 et reportez-vous au tableau ci-dessous pour remplir les détails requis tels que l'ID client, le secret client, les points de terminaison et la portée.

Entrez les valeurs suivantes.

Nom de l'application	Azur B2C
Nom d'affichage de l'application	Choisissez le nom approprié
OAuth Autoriser le point de terminaison	À partir de l'étape 1.4
Point de terminaison du jeton d'accès OAuth	À partir de l'étape 1.4
identité du client	À partir de l'étape 1
Secret client	À partir de l'étape 1
Domaine	ouvert

Vous avez terminé la configuration côté Shopify.

3. Tester la connexion

Allez à Configurer l'authentification unique languette.
Cliquez sur le Sélectionnez >> Tester la connexion option par rapport au fournisseur d’identité que vous avez configuré.

Connexion de test SSO Azure B2C Single Sign On

En saisissant des informations d'identification Azure B2C valides, vous verrez une fenêtre contextuelle affichée dans l'écran ci-dessous.

Authentification unique Azure B2C sur SSO SucessTestConnection

4. Tester le SSO pour votre boutique Shopify

Accédez à la page de connexion de votre boutique Shopify.(https:// /connexion au compte)
Cliquez sur le bouton de connexion vous avez personnalisé plus tôt.

sélectionner le projet fournisseur Google oauth

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.
Vous serez connecté avec succès à votre boutique Shopify.

Dans ce guide, vous avez configuré avec succès l’authentification unique (SSO) Azure AD B2C en configurant Azure AD B2C et fournisseur OAuth ainsi que Shopify en tant que client OAuth en utilisant notre Authentification unique Shopify - Connexion SSO Application. Cette solution garantit que vous êtes prêt à déployer un accès sécurisé à votre boutique Shopify à l'aide des informations de connexion Azure AD B2C en quelques minutes.

Dépannage

requête invalide

Cela peut être dû au fait que votre domaine principal serait différent de votre domaine Shopify. Pour vérifier votre domaine principal et faire fonctionner le SSO, suivez les étapes indiquées ici.

shopify_plan_expired

Ce problème se pose lorsque soit le la période d'essai de votre plan de développement est expirée. Ou si votre plan n'est pas renouvelé automatiquement du côté Shopify. Contactez-nous à shopifysupport@xecurify.com pour résoudre le problème de mise à niveau du plan et obtenir le bon fonctionnement du SSO – Authentification unique Application.

invalid_attributes_received

Comme l'e-mail est une entité requise dans Shopify pour la création de compte ainsi que pour l'opération de connexion, l'authentification unique ne réussit pas dans ce cas. Pour résoudre cette erreur, veuillez suivre les instructions ici.

rencontré_an_error

Lorsque j'exécute l'authentification unique, j'obtiens l'erreur « Veuillez vérifier si l'application Shopify est installée ». Pour résoudre cette erreur, veuillez suivre les instructions ici.

Si votre erreur ou requête n'est pas répertoriée ici, cliquez sur ici pour voir les autres.

Foire aux questions (FAQ)

J'ai suivi les étapes pour définir l'IdP, mais où puis-je vérifier le SSO ?

Suivez les étapes décrites ici. pour configurer SSO dans Shopify avec votre IDP préféré.

J'ai installé l'application Shopify SSO. J'ai cliqué sur l'option « SETUP IDP » mais rien ne s'est ouvert.

La redirection vers tout autre site peut être bloquée dans le navigateur. Veuillez suivre les étapes indiquées ici pour résoudre le problème.

Lorsque j'essaie d'effectuer SSO, je suis redirigé vers la page « Configuration d'application incorrecte », puis après des tentatives ultérieures, je suis redirigé vers https://store.xecurify.com/moas/login .

Vous essayez peut-être d'effectuer le SSO dans les différents onglets du même navigateur où vous avez ouvert notre application Single Sign-On – SSO ou accédé au portail de configuration de notre application. Dans ce cas, le SSO sera restreint pour des raisons de sécurité.
Essayez d'effectuer Single Sign On dans un nouvelle fenêtre incognito/privée ou en navigateur différent afin de faire fonctionner le SSO.