2017-10-02 14 views
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プロジェクトです)、私はチュートリアルを追ってきました当時、彼らは承認に対処する必要はなかった。任意のヘルプまたはリソースが高く評価されました。ありがとう。

答えて

1

アクセストークンは、ヘッダーで送信する必要があります:

カール-X "https://api.spotify.com/v1/search?q=Muse&type=track,artist&market=US" -H "受け入れ:アプリケーション/ JSONを" GET -H "認可:ベアラmyToken"

app.apiUrl = 'https://api.spotify.com/v1'; 
var accessToken = '[private_info]'; 

//Go to spotify and get the artists 
app.searchArtist = (artistName) => $.ajax({ 
    url: `${app.apiUrl}/search`, 
    headers: { 
     'Authorization':'Bearer ' + accessToken 
    }, 
    method: 'GET', 
    dataType: 'json', 
    data: { 
     q: artistName, 
     type: 'artist' 
    } 
}); 
+0

私はまだ401エラーを取得しています:( – Justin

+0

実際にそれを考え出しました。私はアクセストークンを更新しなければなりませんでした。 – Justin

関連する問題