RSS 피드를 Ajax를 이용하여 JSON 형식으로 가져오기
티스토리에서 지원하는 RSS는
https://pororious.tistory.com/rss
이런 형식으로 주어진다.
이걸, 포트폴리오에서 파싱받아서, 한 섹션을 꾸며보고자 작업을 진행했는데
생각보다 쉬울줄 알았던 작업이 난관에 빠졌었다.
단순히 JSON만 가져오면 되겠지~ 했는데
이게 ajax에서 그냥 호출하면 에러가 뜬다.
이전에 작업 중 이런 에러를 마주친적이 있었는데,
클라이언트에서 통신중인 주서버가 아닌 외부데이터에 접근을 하려고 할 때 발생하는 에러였다.
결국 해결하지 못하고, 클라이언트가 아닌, 서버단에서 처리하도록 조치를 했던 기억이 있었는데
주요 문제는, "보안"문제였다.
이걸 해결할려면 중간에 보안문제가 없는곳을 통해서 데이터를 받아와야 한다.
var feedURL = "http://pororious.tistory.com/rss";
$.ajax({
type: 'GET',
url: "https://api.rss2json.com/v1/api.json?rss_url=" + feedURL,
dataType: 'jsonp',
success: function(result) {
console.log(result);
}
});
음.... 애당초 RSS를 JSON으로 받아오기 위한 시도 자체가 잘못됬을 수도 있는데,
찾다보니 api.rss2json.com
이런 사이트가 있었다. 여기를 통해서 데이터를 요청하니, 정상적으로 받아올 수 있었다.