Spotify

Ory Console

Follow these steps to add Spotify as a social sign-in provider to your project using the Ory Console:

1. Sign in to Ory Console and select Social Sign-in.
2. Click the switch next to the Spotify logo to start the configuration.
3. Copy the Redirect URI and save it for later use.
4. Create a Spotify Application.
5. From the registered application page in Spotify, copy the following data to the corresponding fields in the form in the Ory Console:
   • Client ID
   • Client Secret
6. From the registered application page in Spotify, click EDIT SETTINGS.
7. Add the saved Redirect URI from Ory to the Redirect URIs of the registered application.
8. Click Save to confirm and close the dialog.
9. In the Scopes field of the form in the Ory Console, add the following scopes:
   • user-read-email
   • user-read-private
10. In the Data Mapping field of the form in the Ory Console, add the following Jsonnet code snippet, which maps the desired claims to the Ory Identity schema:

local claims = std.extVar('claims');

{
  identity: {
    traits: {
      email: claims.email,
    },
  },
}

<JsonnetWarning format="Jsonnet code snippets" use="data mapping" />

11. Click Save Configuration.

Ory CLI

Follow these steps to add Spotify as a social sign-in provider to your project using the Ory CLI:

1. Create a Spotify Application.

2. In the created app, set the redirect URI to:

   https://{project.slug}.projects.oryapis.com/self-service/methods/oidc/callback/spotify

3. Create a Jsonnet code snippet to map the desired claims to the Ory Identity schema.

   local claims = std.extVar('claims');
   
   {
     identity: {
       traits: {
         email: claims.email,
       },
     },
   }
   info

   Spotify provides an OIDC discovery URL, but it doesn't support the openid claim and returns the access_token only. Ory sends requests to Spotify's /me API and adds the user info to std.extVar('claims').

   <JsonnetWarning format="Jsonnet code snippets" use="data mapping" />

4. Encode the Jsonnet snippet with Base64 or host it under an URL accessible to Ory Network.

   cat your-data-mapping.jsonnet | base64

5. Download the Ory Identities config from your project and save it to a file:

   ## List all available projects
   ory list projects
   
   ## Get config
   ory get identity-config {project-id} --format yaml > identity-config.yaml

6. Add the social sign-in provider configuration to the downloaded config. Add the Jsonnet snippet with mappings as a Base64 string or provide an URL to the file.

   selfservice:
     methods:
       oidc:
         config:
           providers:
             - id: spotify # this is `<provider-id>` in the Authorization callback URL. DO NOT CHANGE IT ONCE SET!
               provider: spotify
               client_id: .... # Replace this with the OAuth2 Client ID provided by Spotify
               client_secret: .... # Replace this with the OAuth2 Client Secret provided by Spotify
               mapper_url: "base64://{YOUR_BASE64_ENCODED_JSONNET_HERE}"
               # Alternatively, use an URL:
               # mapper_url: https://storage.googleapis.com/abc-cde-prd/9cac9717f007808bf17f22ce7f4295c739604b183f05ac4afb4
               scope:
                 - user-read-email
                 - user-read-private
         enabled: true

7. Update the Ory Identities configuration using the file you worked with:

   ory update identity-config {project-id} --file identity-config.yaml

Troubleshooting

When you add a social sign-in provider, you can encounter common problems such as:

• Redirect URI mismatch
• Redirect loops during registration
• Domain verification issues

To troubleshoot those issues, read Social sign-in troubleshooting.