OAuth Single Sign-On (SSO) For Shopify Using Google as an Identity Provider

Overview

miniOrange allows Google (OAuth) to act as an IDP (Identity Provider), which allows users to Single Sign-On (SSO) into Shopify using Google 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 Google as IdP (OAuth) (Identity Provider) and Shopify store as SP (Service Provider).

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

To configure SSO into Shopify with Google (OAuth) as IDP, you will need to install the miniOrange Shopify Single Sign On - SSO Login application on your store.

Configuration Steps

Setup guide for Configuring Google as IDP (OAuth) for SSO into Shopify

Step 1: Get the Callback URL from the Shopify SSO App

• Go to your Shopify store and navigate to the App section and click on Single Sign On - SSO login application.

• Click on the Add Identity Provider button to add your IDP.

• Select OAuth 2.0 protocol.

• Now choose Google from the list of IDPs.

• Copy the OAuth Callback URL and keep it handy as it will be used in further steps.

Step 2: Configuring Shopify as a Service Provider (SP) in Google Apps (OAuth)

• Go to https://console.developers.google.com/ and sign up/log in.
• Click on Select Project to create a new Google Apps Project, then click on NEW PROJECT. (refer to the image below)

• Enter your Project name under the Project Name field and click on Create

• Now, again click on Select a Project (highlighted in the image below) and select the newly created Project by clicking on the project name that you entered in the previous step.

• Go to Navigation MenuAPIs & ServicesCredentials.

• Click on the Create Credentials button and then select OAuth Client ID from the options provided.

• In case you are facing some warning saying that to create an OAuth Client ID, you must set a product name on the consent screen (as shown in the below image). Click on the Configure consent screen button.

• Choose how you want to configure and register your app and click on create button.

• Enter the required details such as App Name, User Support Email. and click on Save and Continue button.

• Scroll down and click on SAVE AND CONTINUE.

• Now for configuring scopes, click on Add or Remove the Scopes button.

• Now, Select the Scopes to allow your project to access specific types of private user data from their Google Account and click on Update button.

• Add test users for your application. Only test users will be able to access the app.

• Click on the SAVE AND CONTINUE button.

• Check all the details in the Summary section.

• Click on the BACK TO DASHBOARD button.

• Click on the Create Credentials button and then select OAuth Client ID from the options provided.

• Go to the Credentials tab and click on the Create Credentials button. Select Web Application from the dropdown list to create a new application.
• Enter the name you want for your Client ID under the name field and enter the Redirect/Callback URI under the Authorized redirect URIs field, which is copied from the Shopify store.

• Click on the CREATE button to save your configurations.
• Copy your Client ID and Client Secret and save it on your Shopify SSO App Configuration.

You have completed Google side configuration.

Step 3: Configure Google (OAuth) as Identity Provider (IDP) in Shopify

• Navigate back to the miniOrange Single Sign On-SSO application.

• Click on the Add Identity Provider button to add your IDP.

• Select OAuth 2.0 protocol.

• From the list of IDPs, select Google.

• Now, fill in the required details like Client ID, Client Secret, Endpoints, and Scope.
• Please refer to the below table for configuring the values.

• Click on Save.

You have configured Google Apps as an identity provider (IDP) in Shopify.

Step 4: Test Connections

• After saving the IDP configuration, you will be redirected to the Test Connection step.
  Please perform Test Connection before mapping or fetching attributes, test connection ensures that your IDP configuration is correct.
• Click on the Test Connection button.

• On entering valid Google credentials you will see a pop-up window which is shown in the below screen.

• Click on the Fetch Attributes button to fetch the IDP attribute.

Step 5: Attribute Mapping

• Click on the + Attribute Mapping button to map attributes between Shopify and Google.

• Map the attributes by referring to the table below:

Attribute Name in Shopify	Choose the attribute from the list of predefined attributes
Attribute Type	IDP Attribute
Attribute Value	Select the attribute value you have fetched from your IDP

• Click on Next.

Step 6: Enable SSO Configurations

• Navigate to the application home page. Go to More actions against the IDP you have configured and click on the Make Default button to make the IDP default.

Step 7: Testing Single Sign-On (SSO) for your Shopify store

Please select your store type to test Single Sign-On (SSO) for your Shopify store:

Hence you have successfully configured Shopify Single Sign-On (SSO) using Google as IDP and Shopify as SP using miniOrange Single Sign-On (SSO) login application. This solution ensures that you are ready to roll out secure access to your Shopify store using Google login credentials within minutes.

ADDITIONAL RESOURCES

• Shopify Security Solutions
• Shopify Single Sign-On (SSO)
• Shopify Content restriction
• Shopify Subscription

Get in Touch

Please reach out to us at shopifysupport@xecurify.com, and our team will assist you with setting up the Shopify SSO application. Our team will help you to select the best suitable solution/plan as per your requirement.