Shopify Single Sign-On (SSO) using Apple as Identity Provider (IDP)

Shopify Single Sign-On (SSO) using Apple as Identity Provider (IDP)


Apple Single Sign-On (SSO) for Shopify Store can be achieved by using our Shopify SSO Application. In this guide, we will go through a guide to configure SSO between Shopify and Apple. By the end of this guide, users should be able to login to Shopify from using their Apple credentials.

Steps to Configure Apple Single Sign-On (SSO) Login into Shopify

1.  Configurations in Apple

  • First of all, go to https://developer.apple.com , click on Account and Login with your Apple developer account.

    Apple SSO Login into Shopify - Click on account and login
    Apple SSO Login into Shopify - sign in to apple developer
  • Click on Certificates, Identifiers and Profiles in Apple Account.

    Apple SSO Login into Shopify - Click on Certificate and Identifier
  • In the left menu Click on Identifiers and after that click on the Plus Icon (blue color). Click on Continue for the next 2 pages of Apple Account.

    Apple SSO Login into Shopify - Click on Identifier and continue to other page
  • Enter Description and Bundle ID for the App ID. (The Bundle ID should be in reverse-dns style string.)

    Apple SSO Login into Shopify - enter Description and Bundle ID
  • In the Capabilities section scroll down and select sign with apple and Click on Edit link.

    Apple SSO Login into Shopify - Select sign with apple in capabilities section
  • Select Enable as a primary App ID and click on Save. Click on Continue and then click on Register.

    Apple SSO Login into Shopify - Select Enable as a primary App Id
    Apple SSO Login into Shopify - Click on Save and then Continue and thn click on Register
  • In the right corner click on Continue, then click on Register button.
  • Again click the Plus icon (blue color). Select Service IDs and click on Continue.

    Apple SSO Login into Shopify - Click plus icon and Select Service IDs
  • Enter Description and Identifier (Identifier would be your client id - Copy this id and Paste in the above field of Client ID). Click on Continue and then Click on the Register button.

    Apple SSO Login into Shopify - Enter Description and Identifier
  • Click Keys from the left side menu. Click on the Plus icon to register a new key.

    Apple SSO Login into Shopify - Click on Plus Sign to register a new Key
  • Give your Key a name, select Sign In with Apple and click on Configure button.

    Apple SSO Login into Shopify - Give Key a name and select Sign in with Apple
  • Select your Primary ID and click on the Save button. After that at the right corner click on Continue and Register button.


    Apple SSO Login into Shopify - Seect Primary ID
  • Copy the Key ID and Click on the Download button. Once the key is downloaded click on the Done button.

    Apple SSO Login into Shopify - Click on Download and then done
  • In the left menu click on Identifiers.
  • At the right top click on App IDs.
  • Select Service IDs from the drop down menu.

    Apple SSO Login into Shopify - Identifier and select Service IDs
  • Select your Service ID from the List.
  • Select Sign In with Apple and click on Configure button


    Apple SSO Login into Shopify - Select your Service ID and Configure
  • Select the Primary App ID from the drop down, and Enter the Domain and the Redirect URL in Domains and Subdomains and Return URLs respectively. Click on the Next button. (You will get the Domain name and Redirect URL from miniOrange social login plugin)

    Apple SSO Login into Shopify - Select Primary App ID and enter the Domain Apple SSO Login into Shopify - Enter Redirect URL
  • Verify the details and click on the Done button. After that at the right corner click on the Continue button.
  • Copy the Identifier value and click on the Save button.
  • Enter the Identifier value in the Client ID and copy the downloaded key value in Client secret of the Shopify SSO Application.

    Apple SSO Login into Shopify - Verify details and copy Identifier value

2.  Generating Secret Key

  • Download the Ruby installer from the following link https://rubyinstaller.org/downloads/ and then install it.
  • Search for the Start command prompt with ruby. Open the ruby command prompt and install the JWT gem by running the following command on the command line: gem install jwt.
  • Copy the below code in a file and save the file with the .rb extension. Keep this .rb file and downloaded .p8 file in the same folder.
  • Enter the below values in the code:
    • Enter the value of key_file as the file name of downloaded key file from Step 1. For example: key_file = 'AuthKey_994H448YX2.p8'.
    • Enter the value of team ID by refereing to the below image.

      Apple SSO Login into Shopify - Get the team ID
    • Enter the value of client id as the value of identifier of service id. for example:'com.abc.xyz'.
    • Enter the copied value of Key ID from Step 1 in key_id.

                            require 'jwt'
                            key_file = 'key.p8'
                            team_id = ''
                            client_id = ''
                            key_id = ''
                            ecdsa_key = OpenSSL::PKey::EC.new IO.read key_file
                            headers = {
                                kid: key_id
                            }
                            claims = {
                                    iss: team_id,
                                    iat: Time.now.to_i,
                                    exp: Time.now.to_i + 86400*180,
                                    aud: 'https://appleid.apple.com',
                                    sub: client_id,
                            }
                            token = JWT.encode claims, ecdsa_key, 'ES256', headers
    
                            puts token
                        

  • Open Ruby command prompt and run the above code using the following command ruby filename.rb.
  • You will get your secret key. Copy the secret key.

3.   Configure Apple ID 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.

    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. Select Oauth.
    azure ad saml Apps
    azure ad saml Apps
  • Enter the following values

    App Name Custom Provider
    App Display Name Choose appropriate Name
    OAuth Authorize Endpoint https://appleid.apple.com/auth/authorize?response_mode=form_post
    OAuth Access Token Endpoint https://appleid.apple.com/auth/token
    Client ID Identifier Value of Service ID
    Client secret ID From Step 2
    Scope email
  • For attribute mapping go to your shopify admin page and scroll down to attribute mapping section enter OAuthConstants.ATTRIBUTES.EMAIL in the email field.

    attribute mapping section Shopify
  • Save your configuration.
You have successfully configured apple as IDP for your shopify Store!!

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


Additional Resources


If you are looking for anything which you cannot find, please drop us an email on 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