0
私はSpotify APIを使ってランダムプレイリストジェネレーターを作成しようとしています。サーバーから情報を取得すると、401コードが得られます。私はアクセストークンを取得する方法についてのチュートリアルに続き、今は持っています。spotify apiトークンを使用するにはどうすればよいですか?
私の質問は、今このトークンをどのように使用するのですか?私は401エラーをもう一度受けましたが、私はURLを注文する方法がわからないためだと思いますか?
JS/HTML:
const app = {};
app.apiUrl = 'https://api.spotify.com/v1';
var accessToken = '[private_info]';
//Allow the user to enter some names
app.events = function() {
$('form').on('submit', function(e) {
e.preventDefault();
let artists = $('input[type=search]').val();
artists = artists.split(',');
let search = artists.map(artistName => app.searchArtist(artistName));
console.log(search);
});
};
//Go to spotify and get the artists
app.searchArtist = (artistName) => $.ajax({
url: `${app.apiUrl}/search/` + accessToken,
method: 'GET',
dataType: 'json',
data: {
q: artistName,
type: 'artist'
}
});
//With the ids we want to get albums
//Then get tracks
//Then build playlist
app.init = function() {
app.events();
};
$(app.init);
<!DOCTYPE html>
<html lang="en">
<head>
\t <meta charset="UTF-8">
\t <title>Spotify Playlist Generator</title>
\t <link rel="stylesheet" href="style.css">
</head>
<body>
\t <main class="main-container">
\t \t <section>
\t \t \t <div class="form">
\t \t \t \t <img src="images/note.svg" alt="">
\t \t \t \t <form action="">
\t \t \t \t \t <input type="search" value="">
\t \t \t \t \t <input type="submit" value="Create">
\t \t \t \t </form>
\t \t \t \t <p>Icon created by unlimicon from the Noun Project</p>
\t \t \t </div>
\t \t \t <div class="playlist">
\t \t \t \t <div class="loader">
\t \t \t \t \t <div class="inner-circle"></div>
\t \t \t \t </div>
\t \t \t </div>
\t \t </section>
\t </main>
\t <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
\t <script src="script.js"></script>
</body>
</html>
私はまだJS/AJAXで初心者のビットです(これは私の最初のAPIプロジェクトです)、私はチュートリアルを追ってきました当時、彼らは承認に対処する必要はなかった。任意のヘルプまたはリソースが高く評価されました。ありがとう。
私はまだ401エラーを取得しています:( – Justin
実際にそれを考え出しました。私はアクセストークンを更新しなければなりませんでした。 – Justin