Spotify API 사용법 - Spotify Web API 사용 (Node.js & Ajax)

1. Spotify Web API Access Token 발급받기

웹 API 튜토리얼 과정을 따라서 진행함!

 

Web API Tutorial | Spotify for Developers

Web API Tutorial | Spotify for Developers

👉 위 튜토리얼 과정을 거치고 나면 Access Token을 발급받을 수 있다!

 

간단히 설명하면,

1. Client_ID, Client Secret을 Spotify for Developers → DashBoard에서 APP을 만들어서 발급 받고,
2. Edit Setting에서 Redirect URL을 http://localhost:8888/callback 으로 설정한다.
3. 그 후 node.js로 서버를 돌리면 메인 페이지가 나오고

   4. Log in with Spotify를 누르면 토큰 발급 페이지로 넘어간다.

이때, 토큰이 이렇게 나와서 처음에는 ... 이전이 토큰 전부인 줄 알고 계속 시도했다가 안 됐다.

알고보니, 주소창에 Access token과 Refresh token이 풀로 들어있었다.

주소창의 Acees Token을 이용해서 API에 접근을 할 수 있다!

토큰은 1회용인 것 같다!

token 발급 받는 서버를 껐다 켜서 토큰을 새로 발급 받으면 이전 토큰은 사용할 수 없다.

2. ajax로 call하기

let accessToken = "내 accessToken";
$.ajax({
  url: "<https://api.spotify.com/v1/browse/new-releases>",
  type: "GET",
  headers: {
    Authorization: "Bearer " + accessToken,
  },
  success: function (data) {
    console.log(data);
  },
});

👉 이 코드로 ajax로 api를 받아올 수 있다!

accessToken 변수에 내 accessToken 값을 설정한 후

headers 부분에 { Authorization : "Bearer " + accessToken } 형태로 넣어준다.

url은 받아오고 싶은 정보 url을 사용한다.

※ 속성들을 연결할 때는 & 사용 / 기능 첫 시작은 ? 로

url: "https://api.spotify.com/v1/search?q=eight&type=artist,track"

Spotify Web API 공식 문서 - 얻고 싶은 API URL 정보

Web API Reference | Spotify for Developers

Web API Reference | Spotify for Developers

 

---

Search 기능

var accessToken = "내 토큰";
$.ajax({
  url: "<https://api.spotify.com/v1/search?q=eight&type=artist,track>",
  type: "GET",
  headers: {
    Authorization: "Bearer " + accessToken,
  },
  success: function (data) {
    console.log(data);
  },
});

💡 search 기능 속성들

1. q : 검색 키워드
2. type : 얻고자 하는 카테고리 정보? → artist하면 아티스트 정보, track하면 track 정보 리턴
3. include_external=audio : ?? 모르겠다
4. limit : 결과 값 최대 몇 개까지 받을지
5. offset : 첫번째 결과 값의 인덱스 → 예를 들어, offset = 5를 하면 5번 인덱스부터 결과 값 리턴 → 0,1,2,3,4는 제외되어 리턴?

---