Make sure to read through Spotify's Getting Started Guide if this is your first time using the Spotify API.Īfter you've created your application and have your client id and client secret, make sure to add to your Redirect URIs: Who knows if that'll ever get merged in! let's get to it. I opened a pull request with them to update their server code to what you see here. Instead of using request directly (and XHR in the browser), this example interfaces with Spotify through the Spotify Web API Node Module (and Spotify Web Api Client in the browser).

The other difference is the updated server code. Of course there any many benefits to React that we're not going to get in to here, so just trust me that we want to use it ) The main difference is the client code whereas their example is contained in one index.html file, this example shows how to do the same thing with React and React-Router. This example is essentially a variation on the authorization_code demo from Spotify's Web Auth Examples. So here we are a nice, standalone post that has some good authentication details! I've been working on a super fun awesome Spotify app, and ran into some fun times dealing with Spotify's Authorization. This demo shows how to access Spotify's apis both from node and from the web client.

TL DR: Here's how to set up an application that authenticates and use's Spotify's Web API with React and React Router.

Spotify web client