Let's go through step-by-step how to implement Spotify login in your web app so we can later use that token data to fetch data about the user. For this you don't need any backend—we use just the frontend for navigating to Spotify auth and then routing back to our app. We use lots of modern syntax in this tutorial so feel free to stop at some points and look up the methods on MDN.
0:00 Demo with public playlist
0:46 Refactoring WebApp
1:11 Address loading bug with isLoading
2:30 Get isLoading in App.js
3:00 Start of Spotify login, implicit grant flow
3:30 Register app
3:51 Settings for Spotify app - redirect uri
4:40 Explaining how we’re going to redirect user to spotify login
5:27 Copying authorize url
6:00 CLIENT_ID
6:16 Base endpoint for authorization
6:48 Redirect uri from beginning of video
7:10 Explanation of scopes
8:30 Use join to put all scope strings together
9:30 Button to redirect to login
9:58 Define handleLogin
10:16 Template literals for inserting our consts into the window location
12:05 Post login url tokens
13:23 Helper function to get tokens from url
19:36 Final state of getting access token from url
20:34 Store values in localStorage
21:19 Closing
GitHub Repo Link: https://github.com/carmellemillar/car...
Spotify Auth Documentation
https://developer.spotify.com/documen...
Watch video React JS Tutorial - 05 How to log in to Spotify in web apps online without registration, duration hours minute second in high quality. This video was added by user Carmelle Codes 18 February 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 17,770 once and liked it 406 people.