Single Sign-On (SSO) For Shopify Using Azure B2C

Single Sign-On (SSO) For Shopify Using Azure B2C


Azure B2C Single Sign On (SSO) for Your Application miniOrange provides a ready to use solution for Your application. This solution ensures that you are ready to roll out secure access to your application using Azure B2C within minutes.

Step by Step guide for Single Sign-On in Shopify Store Using Azure B2C

1.  Setup Azure B2C as OAuth Provider

  • Sign in to Azure portal.
  • Go to Home and in the Azure services, select Azure AD B2C.
  • Azure AD B2C Single Sign-on (SSO) - Select Azure AD B2C
  • Please make sure you are in the Azure AD B2C directory with an active subscription and if not, you can switch to the correct directory.
  • Azure AD B2C Single Sign-on (SSO) - Login Applications
  • Now, click on App registrations and then click on the New registration option to create a new Azure B2C application.
  • Azure AD B2C Single Sign-on (SSO) - Login Applications
  • Configure the following options to create a new application.
    • Enter a name for your application under the Name text field.
    • In supported account types, select 3rd option ‘Accounts in any identity provider or organizational directory (for authenticating users with user flows)’.
    • Now go to your Shopify store and click on Setup IDP button in the top left in navigation bar.
      Single Sign-On (SSO)for Shopify (Plus and Non Plus), Configure IDP for enabling Single Sign-On (SSO)
    • From the left navigation bar select Identity Provider.
    • azure ad saml Apps
    • Select Azure B2C as App Name and copy the Callback URL as Redirect URL required for next step.
    • azure ad saml Apps
    • Click on the Register button to create your application.
    • Azure AD B2C Single Sign-on (SSO) - Create
  • After successful application creation, you will be redirected to the newly created application’s overview page. If not, you can go to the app registrations and search the name of your application and you will find your application in the list.
  • Azure AD B2C Single Sign-on (SSO) - Applications option
  • Copy your Application ID and save it under your Client ID textbox in your Shopify Single Sign-On (SSO) application.
  • Azure AD B2C Single Sign-on (SSO) - Application ID
  • For the Azure B2C tenant, copy the domain name under Essentials in the home page and save it. We will require it later.
  • Azure AD B2C Single Sign-on (SSO) - Generate Key
  • Then click on Certificates and secrets and then click on New client secret to generate a client secret. Enter a description and click on the Add button.
  • Azure AD B2C Single Sign-on (SSO) - Generate Key
  • Copy the secret value from certificates & secrets page and store it as a Client secret in your Shopify Single Sign-On (SSO) application.
  • Azure AD B2C Single Sign-on (SSO) - Generate Key

1.1  Add Users in your B2C application

  • In home page, go to the Users tab in the left corner.
  • Azure AD B2C Single Sign-on (SSO) - user flow
  • Click on New user in the users page.
  • Azure AD B2C Single Sign-on (SSO) - user flow
  • Select Create Azure AD B2C user. Then, click on Email from sign in method and set your password and click create to save the user details to perform test configuration.
  • Azure AD B2C Single Sign-on (SSO) - user flow Azure AD B2C Single Sign-on (SSO) - user flow

1.2  How to create & add Policy

  • Go to User Flows tab and then click on New user flow.
  • Azure AD B2C Single Sign-on (SSO) - user flow
  • Select a User flow type Sign up and Sign in then click on Create button.
  • Azure AD B2C Single Sign-on (SSO) - sect user flow
  • Fill all the information e.g. Name, Identity providers, etc. then click on Create button.
  • Azure AD B2C Single Sign-on (SSO) - information of user flow
  • Copy the policy name value. This will be required while configuring authorize and token endpoints.

1.3  Add user claims to your application

  • Go to user flows under policies in the left corner. Select the configured policy.
  • Azure AD B2C Single Sign-on (SSO) - information of user flow
  • Select Application claims in settings.
  • Azure AD B2C Single Sign-on (SSO) - information of user flow
  • Select the desired attributes to be displayed on the test configuration and save it.
  • Azure AD B2C Single Sign-on (SSO) - information of user flow
  • Go to Application → Select the application and go to the API Permissions tab.
  • Azure B2C B2C Single Sign-on (SSO) - API Permissions
  • Click on the Add permission button, and then Microsoft Graph API -> Delegated Permissions and select openid, Profile scope and click on the Add Permissions button.
  • Azure B2C B2C Single Sign-on (SSO) - Request API Permissions
  • Click on the Grant consent for Demo button.
  • Go to Manifest tab and find groupMembershipClaims and changes it’s value to "All" and click on the save button.
  • Azure B2C B2C Single Sign-on (SSO) - Group Membership Claims

1.4  Endpoints

  • Go to Application registrations -> Endpoints.

    Microsoft Azure b2c Single Sign On (sso) Login : azure-b2c-endpoints
  • In token and authorization endpoints URL, replace <policy-name> with your configured policy name.
  • You have successfully configured Azure AD B2C as OAuth Provider for achieving user authentication with Azure AD B2C Single Sign-On (SSO) login into your Shopify Store.

2.  Configure Azure B2C as OAuth 2.0 Provider in Shopify.

  • Now go to your Shopify store and click on Setup IDP button in the top left in navigation bar.

    azure ad saml Apps
  • From the left navigation bar select Identity Provider. Select Oauth.

    azure ad saml Apps
    azure ad saml Apps
  • Enter the following values.
    IdP Name Azure B2C
    IdP Display Name Choose appropriate Name
    OAuth Authorize Endpoint From step 1.4
    OAuth Access Token Endpoint From step 1.4
    OAuth Get User Info Endpoint (optional) -
    Client ID From step 1
    Client secret From step 1
    Scope openid

In this Guide, you have successfully configured Azure AD B2C Single Sign-On (SSO) by configuring Azure AD B2C as OAuth Provider and Shopify as OAuth Client using our Shopify Single Sign-On App. This solution ensures that you are ready to roll out secure access to your Shopify Store using Azure AD B2C login credentials within minutes.

Choose your preferred Identity Provider and start setting up SSO for Shopify right away


Additional Resources


Mail us on oauthsupport@xecurify.com for quick guidance(via email/meeting) on your requirement and our team will help you to select the best suitable solution/plan as per your requirement.

Hello there!

Need Help? We are right here!

support
Contact miniOrange Support
success

Thanks for your inquiry.

If you dont hear from us within 24 hours, please feel free to send a follow up email to info@xecurify.com