Search Results :

×

OAuth Single Sign-On (SSO) For Shopify Using Azure B2C as Identity Provider


miniOrange allows Azure B2C to act as an IDP (Identity Provider), which allows users to Single Sign-On (SSO) into Shopify using Azure B2C Credentials. Our application is compatible with all the SAML / OAuth-compliant Identity Providers. We will go through a step-by-step guide to configure Single Sign-On (SSO) into Shopify using Azure B2C as IdP (Identity Provider) and Shopify store as SP (Service Provider).

Pre-requisite: Single Sign-On - SSO Login Application

To configure SSO into Shopify with Azure B2C as IDP, you will need to install the miniOrange Shopify Single Sign On - SSO Login Application on your store:

miniOrange Provides Secure Single Sign-On (SSO) access to your Shopify store (both plus and Non-plus).


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

1.  Setup Azure B2C as an OAuth Provider

  • Sign in to the Azure portal.
  • Go to Home and in the Azure services, select Azure 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)’.
    • Go to your Shopify store, click on the Apps tab, and select the Single Sign On - SSO Login application.
    • shopify app section - single sign on application
    • Click on the Setup IDP button in the top left of the 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 Configure SSO and click on Add Identity provider button.
    • Shopify - miniorange sso application - choose OAuth 2.0
    • You can find the OAuth callback URL in the OAuth 2.0 section.
    • Shopify - miniorange sso application - choose OAuth 2.0
    • 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) Login application.
  • Azure AD B2C Single Sign-on (SSO) - Application ID
  • For the Azure B2C tenant, copy the domain name under Essentials on 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 the certificates & secrets page and store it as a Client secret in your Shopify Single Sign-On (SSO) Login application.
  • Azure AD B2C Single Sign-on (SSO) - Generate Key

1.1  Add Users in your B2C application

  • On the home page, go to the Users tab in the left corner.
  • Azure AD B2C Single Sign-on (SSO) - user flow
  • Click on New User on the user's page.
  • Azure AD B2C Single Sign-on (SSO) - user flow
  • Select Create Azure AD B2C user. Then, click on Email from the sign-in method 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 and Add Policy

  • Go to the 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 in 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 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 the Manifest tab and find groupMembershipClaims change its 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 an OAuth Provider for achieving user authentication with Azure AD B2C Single Sign-On (SSO) login into your Shopify Store.

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

  • Again, go to your Shopify store, click on the Apps tab, and select the Single Sign On - SSO Login application.
  • shopify app section - single sign on application
  • Click on the Setup IDP button in the top left of the 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 Configure SSO and click on Add Identity provider button.
  • Shopify - miniorange sso application - add identity provider
  • Select OAuth 2.0 and refer below table to fill in the required details like Client ID, Client Secret, Endpoints, and Scope.
  • Shopify - miniorange sso application - choose OAuth 2.0
  • Enter the following values.
    App Name Azure B2C
    App Display Name Choose the appropriate Name
    OAuth Authorize Endpoint From Step 1.4
    OAuth Access Token Endpoint From Step 1.4
    Client ID From Step 1
    Client secret From Step 1
    Scope openid
  • You have completed the Shopify side configuration.

3. Test Connection

  • Go to the Configure SSO tab.
  • Click on the Select >> Test Connection option against the Identity Provider you configured.
  • Azure B2C Single Sign On SSO test connection
  • On entering valid Azure B2C credentials you will see a pop-up window which is shown in the below screen.
  • Azure B2C Single Sign On SSO SucessTestConnection

4.   Testing SSO for your Shopify Store

  • Go to your Shopify Store login page.(https://<your-shopify-storedomain>/account/login)
  • Click on the login button you customized earlier.
  • select project google oauth provider
  • You’ll be redirected to the login page of the IDP you configured in the previous step. Log in with your IDP account credentials.
  • You’ll be successfully logged in to your Shopify store.

In this Guide, you have successfully configured Azure AD B2C Single Sign-On (SSO) by configuring Azure AD B2C an as OAuth Provider and Shopify as an OAuth Client using our Shopify Single Sign-On - SSO Login 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.


Troubleshooting

invalid_request

This may be because your primary domain would be different from your Shopify domain. To check your primary domain and make SSO work, follow the steps given here.

shopify_plan_expired

This issue arises when either the trial period of your Development plan is expired. Or if your plan is not auto-renewed from the Shopify end. Contact us at shopifysupport@xecurify.com to resolve the plan upgrade issue and get smooth functioning of the SSO – Single Sign On Application.

invalid_attributes_received

As email is a required entity in Shopify for account creation as well as login operation, Single Sign On is not successful in this case. To resolve this error, please follow given here.

encountered_an_error

When I am performing SSO, I am getting ‘Please verify if Shopify App is installed’ error. To resolve this error, please follow given here.

If your error or query is not listed here, click here to see others.


Frequently Asked Questions (FAQs)


I have followed the steps to set IdP but where can I check SSO?

Follow the steps outlined here. to configure SSO in Shopify with your preferred IDP.

I installed the Shopify SSO application. I clicked on the “SETUP IDP” option but nothing opened up.

Redirection to any other site might be blocked in the browser. Please follow the steps given here to resolve the issue.

When I try to perform SSO, I get redirected to the “Incorrect App Configuration” page and then after subsequent attempts, I get redirected to https://store.xecurify.com/moas/login page.

You might be trying to perform SSO in the different tab of the same browser where you have opened our Single Sign-On – SSO Application or accessed the configuration portal of our application. In this case, SSO will be restricted due to security reasons.
Try to perform Single Sign On in a new incognito/private window or in a different browser in order to make SSO work.

After performing SSO, I want my customers to redirect to the collections or discount offer page.

Follow the steps outlined here. to redirect your customer to collections/cart or any other page.

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



If you are looking for anything that you cannot find, please drop us an email at shopifysupport@xecurify.com

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