Getting Spotify API access token from frontend JavaScript code

by

I believe the issue here is that you’re attempting to retrieve JSON data from the endpoint where you should direct your users. So instead of making a request to it, you should supply a button on your page that links to your https://accounts.spotify.com/authorize/{…} URL. The user will proceed to give your application the permissions you’ve requested as specified in the scope parameter, and will be directed back to the URL you’ve specified in the redirect_uri parameter. This is where you get the authorization code, which you can use in the https://accounts.spotify.com/api/token/{…} endpoint. Read more about the Authorization Code flow in the Authorization Guide.

Spotify Web API support three different oAuth flows, and you might be interested in Implicit Grant. Examples of all of these flows written in Javascript using Node is available at https://github.com/spotify/web-api-auth-examples.

More Related Contents:

  1. Why does my JavaScript code receive a “No ‘Access-Control-Allow-Origin’ header is present on the requested resource” error, while Postman does not?
  2. “Origin null is not allowed by Access-Control-Allow-Origin” error for request made by application running from a file:// URL
  3. CORS Error: “requests are only supported for protocol schemes: http…” etc
  4. jQuery XML error ‘ No ‘Access-Control-Allow-Origin’ header is present on the requested resource.’
  5. how to bypass Access-Control-Allow-Origin?
  6. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘…’ is therefore not allowed access
  7. CORS – How do ‘preflight’ an httprequest?
  8. No ‘Access-Control-Allow-Origin’ header is present on the requested resource error
  9. How to enable cors nodejs with express?
  10. A CORS POST request works from plain JavaScript, but why not with jQuery?
  11. Cross-Origin Read Blocking (CORB)
  12. Access-Control-Allow-Origin denied spotify api [duplicate]
  13. How do CORS and Access-Control-Allow-Headers work?
  14. Cross-origin resource sharing (CORS) concept
  15. CORS not working on Chrome
  16. Does Wikipedia API support CORS or only JSONP available?
  17. Allowing frontend JavaScript POST requests to https://accounts.spotify.com/api/token endpoint
  18. how to use jQuery installed with npm in Express app?
  19. Google’s Places API and JQuery request – Origin http://localhost is not allowed by Access-Control-Allow-Origin
  20. CORS error with jquery
  21. How to check first 200 chekboxes , then next 200 and so on?
  22. How can I access the contents of an iframe with JavaScript/jQuery?
  23. How to check if iframe is loaded or it has a content?
  24. Jquery Mobile – $.mobile.changepage not loading external .JS files
  25. Benefits vs. Pitfalls of hosting jQuery locally [closed]
  26. How to handle floats and decimal separators with html5 input type number
  27. How to check/uncheck radio button on click?
  28. jQuery select element by XPath
  29. How do i disable a submit button when checkbox is uncheck?
  30. jQuery remove options from select

Leave a Comment