다음과 같이 Authentication Code 발급 방법에 나와있습니다. 아래와 같이 값 자리에 값만 정확히 넣으시고 접속하세요.
https://www.tistory.com/oauth/authorize?
client_id={client-id} //App ID
&redirect_uri={redirect-uri} //CallBack 주소
&response_type=code
성공했다면, 이렇게 코드 발급에 대한 동의 요청을 확인할 수 있습니다.
동의 요청을 확인
'허가하기' 버튼을 클릭해보겠습니다.
redirect url로 입력한 링크로 이동
그럼 이렇게 redirect url로 입력한 링크가 나오고, url에 https://triplexlab-api.tistory.com/?code= XXXXXXXXXXXXXXXX...&state= 이렇게 발급을 해줍니다. 여기서 code=XXXXXXXXXXXXXXXX... 이 Authentication Code입니다.(& 앞에까지 임을 명심해야 합니다.!!)
📌 Access Token 발급받기
GEThttps://www.tistory.com/oauth/access_token?
client_id=처음에 앱등록할때 받은 AppID
&client_secret=처음에 앱등록할때 받은 SecretKey
&redirect_uri=해당 티스토리 블로그 주소
&code=방금 위에서 발급받은 code
&grant_type=authorization_code
이렇게 값만 제대로 넣어서 접속하고, 브라우저 검사 요소에서 확인하시면 아래와 같이 Access Token 값을 확인할 수 있습니다.
Access Token 값 확인
📌 카테고리 목록 API 사용하기
이제 위에서 Access Token 값까지 받았으니 본격적으로 사용해 봅시다.
Access Token 공식 문서
다음과 같이 카테고리 목록 API 사용하는 방법이 나와있습니다.
ajax를 사용해서 카테고리 목록 API를 받아 보겠습니다.
functionapi_category() {
var pars = {
'accessToken' : 'accessToken값',
'outputType' : 'xml, json 두가지 형태의 응답 형식을 지정할수 있습니다.',
'blogName' : '블로그 주소 전체'
}
$.ajax({
type:'GET',
url: 'https://www.tistory.com/apis/category/list?access_token='+pars.accessToken+'&output='+pars.outputType+'&blogName='+pars.blogName+''
}).done(function(data) {
console.log(data)
});
};
다음과 같이 데이터를 성공적으로 받아왔습니다. 이제 화면에 뿌리기만 하면 됩니다.
데이터를 성공적으로 받아온 모습
여기까지 티스토리 Access Token 받고, API를 사용해봤습니다. 티스토리 블로그를 커스텀 마이징 하게 되면 API를 사용해 보세요. 👍👍