Почему идентификатор плейлиста не определен, когда мое приложение пытается сохранить плейлист в моей учетной записи Spotify? - PullRequest
Новая
       120

Почему идентификатор плейлиста не определен, когда мое приложение пытается сохранить плейлист в моей учетной записи Spotify?

0 голосов
/ 13 апреля 2020

Я работаю над проектом Codecademy Jammming и у меня все работает правильно, за исключением того, что я не могу сохранить свой плейлист в свою учетную запись Spotify. Когда я пытаюсь запустить приведенный ниже код, по какой-то причине я получаю сообщение об ошибке, в котором сообщается, что playlistId не определен. 

let accessToken;

const Spotify = {
  getAccessToken() {
    if (accessToken) {
      return accessToken;
    }

    // check for access token match
    const accessTokenMatch = window.location.href.match(/access_token=([^&]*)/);
    const expiresInMatch = window.location.href.match(/expires_in=([^&]*)/);

    if (accessTokenMatch && expiresInMatch) {
      accessToken = accessTokenMatch[1];
      const expiresIn = Number(expiresInMatch[1]);
      //This clears the parameters, allowing us to grab a new access token when it expires
      window.setTimeout(() => accessToken = '', expiresIn * 1000);
      window.history.pushState('Access Token', null, '/');
      return accessToken;
    } else {
      const accessUrl = `https://accounts.spotify.com/authorize?client_id=${clientId}&response_type=token&scope=playlist-modify-public&redirect_uri=${redirectUri}`;
      window.location = accessUrl;
    }
  },

  search(term) {
    const accessToken = Spotify.getAccessToken();
    return fetch(`https://api.spotify.com/v1/search?type=track&q=${term}`, {
      headers: {Authorization: `Bearer ${accessToken}`}
    }).then(response => {
      return response.json();
    }).then(jsonResponse => {
      if (!jsonResponse.tracks) {
        return [];
      }
      return jsonResponse.tracks.items.map(track => ({
        id: track.id,
        name: track.name,
        artist: track.artists[0].name,
        album: track.album.name,
        uri: track.uri
      }));
    });
  },

  savePlaylist(name, trackUris) {
    if (!name || !trackUris.length) {
      return;
    }

    const accessToken = Spotify.getAccessToken();
    const headers = {Authorization: `Bearer ${accessToken}`};
    let userId;

    return fetch('https://api.spotify.com/v1/me', {headers: headers}
    ).then(response => response.json()
    ).then(jsonResponse => {
      userId = jsonResponse.id;
      return fetch(`https://cors-anywhere.herokuapp.com/http://api.spotify.com/v1/users/${userId}/playlists`,
        {
          headers: headers,
          method: 'POST',
          body: JSON.stringify({name: name})
      }).then(response => response.json()
      ).then(jsonResponse => {
        console.log(jsonResponse);
        const playlistId = jsonResponse.id;
        return fetch(`https://api.spotify.com/v1/playlists/${playlistId}/tracks`, {
          headers: headers,
          method: 'POST',
          body: JSON.stringify({uris: trackUris})
      });
    });
  });
  }
};

Я попытался зарегистрировать jsonResponse на консоли и не вижу свойства id ( снимок экрана ). У кого-нибудь есть идеи, почему это происходит? Я сравнил свой код с кодом, использованным для их версии сайта, и он выглядит очень похожим. Любая помощь будет высоко ценится.

1 Ответ

0 голосов
/ 18 апреля 2020

Судя по вашему фрагменту кода, кажется, что вы звоните не той конечной точке для создания списка воспроизведения

return fetch('https://cors-anywhere.herokuapp.com/http://api.spotify.com/v1/users/${userId}/playlists'

Возможно, попробуйте нижеприведенное на основе документации .

return fetch(https://api.spotify.com/v1/users/${userId}/playlists'

...