Что мне делать с uri перенаправления аутентификации Spotify api в Django?

Чтобы реализовать это, я полностью отказался от модуля spotipy и просто использовал javascript. Я вижу, что вы используете поток API авторизации пользователей, и это нормально, потому что ваш сервер может безопасно отправлять секретный ключ. При перемещении этого во внешний интерфейс вашего приложения вы не можете этого сделать и вместо этого должны использовать Поток неявного предоставления:

#In your main page's <script>:
var loginSpotify = function(){
        var SPOTIPY_CLIENT_ID = "Your Client ID Here"
        var SPOTIPY_REDIRECT_URI = "Your Django Callback View Here (www.example.com/callback/)"
        var spotifyScope = "playlist-read-private"
        var spotifyAuthEndpoint = "https://accounts.spotify.com/authorize?"+"client_id="+SPOTIPY_CLIENT_ID+"&redirect_uri="+SPOTIPY_REDIRECT_URI+"&scope="+spotifyScope+"&response_type=token&state=123";
        window.open(spotifyAuthEndpoint,'callBackWindow','height=500,width=400');
        //This event listener will trigger once your callback page adds the token to localStorage
        window.addEventListener("storage",function(event){
            if (event.key == "accessToken"){
                var spAccessToken = event.newValue;
                //do things with spotify API using your access token here!!
            }
        });
    }

Вызов вышеуказанного метода откроет новое всплывающее окно, в котором пользователь будет выполнять вход в систему Spotify. После авторизации окно будет перенаправлено на указанное вами представление Django. Попросите это представление загрузить страницу обратного вызова, единственной целью которой будет сбор токена доступа из его URI:

#in your views.py:
def callback(request):
    return render(request, 'YourApp/spotifyLoginFinish.html',{})

Когда эта страница загружается, во всплывающем окне ее URI будет содержать запрашиваемый вами грант, например: http://www.example.com/callback/#access_token=BQDoPzyrkeWu7xJegj3v1JDgQXWzxQk2lgXrQYonXkXIrhmjeJVS38PFthMtffwlkeWJlwejkwewlHaIaOmth_2UJ2xJrz2x-Voq0k0T0T4SuCUdIGY3w3cj5CpULkFla9zwKKjvdauM2KoUIQa1vULz-w8Da83x1&token_type=Bearer&expires_in=3600&state=123

Идентификатор, если вы используете jquery или нет, но есть несколько способов вызвать функцию JS при загрузке страницы. Итак, теперь все, что вам нужно сделать, это проанализировать URI после загрузки страницы обратного вызова, и вы можете получить свой токен доступа. Затем вы закончили с этим всплывающим окном обратного вызова, поэтому вы можете передать токен доступа обратно на главную страницу, добавив его в localStorage. Помните, как на вашей главной странице мы создали прослушиватель событий для просмотра localStorage, чтобы вы знали, когда он там. Вот пример кода, который вы хотите разместить на своей странице обратного вызова (он использует некоторый jquery, но есть обычные способы JS делать что-то при загрузке страницы):

#In spotifyLoginFinish.html's <script>:
$('document').ready(function(){
        //i leave 'parseHash()' as an exercise for the reader, all it does is take the uri string(see above ex of what this looks like) and get the access_token from it
        var spotifyAccessToken = parseHash(String(window.location.hash));
        //you must clear localStorage for main page listener to trigger on all(including duplicate) entries
        localStorage.clear();
        localStorage.setItem('accessToken', spotifyAccessToken);
        window.close();
});

Теперь ваше всплывающее окно закрылось, и вы вернулись в главное окно в функции прослушивателя событий localStorage из первого фрагмента кода в этом сообщении. Он получит токен из localStorage, и все готово! Надеюсь, это поможет, прокомментируйте, если это не сработает.