Add Spotify as a social connection
Before you start
Enabling OAuth with Spotify allows your users to sign up and sign in to your Browser application with their Spotify account.
To make the setup process easier, it's recommended to keep two browser tabs open: one for the Browser Dashboard and one for your Spotify Developer Dashboard.
Enable Spotify as a social connection in Browser
- In the Browser Dashboard, navigate to the SSO connections page.
- Select Add connection and select For all users.
- Select Spotify from the provider list.
- Ensure that both Enable for sign-up and sign-in and Use custom credentials are toggled on.
- Save the Redirect URI somewhere secure. Keep this page open.
Create a Spotify app
- In the top-right of the Spotify Developer Dashboard, select Create app.
- Complete the required fields. For Redirect URIs, paste the Redirect URI that you saved from Browser Dashboard.
- Select Save. You'll be redirected to your app's All Stats page.
- Select Settings.
- Save the Client ID and Client secret somewhere secure. To get the Client secret, select View client secret.
Set the Client ID and Client Secret in the Browser Dashboard
- Navigate back to the Browser Dashboard where the configuration page should still be open. Paste the Client ID and Client Secret values that you saved into the respective fields.
- Select Save.
Test your connection
The simplest way to test your connection is to visit your Browser app's Account Portal, which is available for all Browser apps out-of-the-box.
- In the Browser Dashboard, navigate to the Account Portal page.
- Next to Sign-in, select the button to visit the sign-in page. The URL should resemble:
- For development -
https://your-domain.accounts.dev/sign-in - For production -
https://accounts.your-domain.com/sign-in
- For development -
- Sign in with your connection's credentials.
Feedback
Last updated on