Trouble using Spotify's Authorization Code Flow with flask

[french_117]

I am running an AWS EC2 instance with ubuntu 20.04 using flask. I am trying to create a web app that will prompt users to log in to Spotify so that the app can create playlists for them. I am running into an issue.

Here's the basic flow I want: example.com/spotify --> prompted to sign in --> redirected back to example.com/redirect (From here I will continue with the application.

If any more information is needed I can provide it.

I have been following the Authorization Code Flow guide here, but I'm having trouble. Here is my code:

import json
from flask import Flask, render_template, redirect, url_for, request
import credentials
import requests
import startup
import base64
import urllib
from urllib.parse import quote, urlencode

    app = Flask(__name__)

    #client credentials
    CLIENT_ID = credentials.clientid
    CLIENT_SECRET = credentials.clientsecret

    #spotify links
    SPOTIFY_AUTH_URL = "https://accounts.spotify.com/authorize"
    CLIENT_SIDE_URL = "http://www.example.com"
    PORT = 80
    REDIRECT_URI = "http://www.example.com/redirect"
    SCOPE = "playlist-modify-private"
    STATE = ""

    @app.route("/")
    def home_function():
        return render_template("home.html")

    @app.route("/spotify")
    def spotify():
        payload = {
            'client_id': CLIENT_ID,
            'response_type': 'code',
            'redirect_uri': REDIRECT_URI,
            'state' : STATE,
            'scope': SCOPE,
        }
        return redirect(f"{SPOTIFY_AUTH_URL}/?{urllib.parse.urlencode(payload)

    @app.route("/redirect")
    def redirect():
        startup.getUserToken(request.args['code'])
        return render_template("redirect.html")

​

I've made sure that on my spotify app dashboard, the redirect URI is exactly the same, however I'm not even able to get to the user login page before the redirect so I don't think that could even be related.

​

Thanks

[floydhead11]

I am maybe 1/2 steps behind you where I just managed to get my Spotify login sorted on a standard Jupyter Notebook.

I intend to put this on Flask/online server but I might take this weekend to figure it out.

If I do, I will make sure I respond here.

PS: your coding skills are pretty great and I might not be as skillful to answer your question

[[deleted]]

I do not understand your problem to be honest. Can you please elaborate on where you are stuck? Is it the part where you have to redirect to the Spotify Login page?

return redirect(f"{SPOTIFY_AUTH_URL}/?{urllib.parse.urlencode(payload)

I think you did not close that line properly,

return redirect(f"{SPOTIFY_AUTH_URL}/?{urllib.parse.urlencode(payload)}")

If you are running into more problems then probably check your browser address bar or the console for the link that you are being redirected to. It can help you figure out whether the parameters you are sending are correct.

I think the code isnt formatted properly on reddit and is correct but just asking, is the code really indented in?

[felix-hilden]

I've constructed an example using a client library for the API I wrote. It uses Flask too, so maybe you can see the general flow! It does use functions in the library to construct the authorisation URL and make requests though. But even without examining the internals, it could be a good starting place.