JSONP_javascript 기술을 사용하여 Twitter 및 Facebook 기사 수를 얻는 구체적인 단계

원본 기사는 중국의 단속으로 인해 JSONP를 얻기 위한 도구 클래스가 유용하다고 생각합니다.

많은 인기 API가 이미 정보를 얻으려면 인증이 필요하다는 것입니다. .

이러한 페이지에 접속해서 정보를 얻을 수 있으니, 간단한 코드를 사용하여 가져오고 인증 단계를 건너뛰면 어떨까요?
트위터와 페이스북에서는 기사 번호를 얻으려면 인증이 필요한 것 같아요. , 하지만 JSONP를 통해 이 정보를 얻을 수 있는 것으로 나타났습니다. 아래 단계를 참조하세요.

JavaScript

기본 JavaScript를 사용하여 이 작업을 수행하는 방법을 보여 드리겠습니다.

코드 복사 코드는 다음과 같습니다.

// 기사 개수의 캡슐화된 객체 가져오기
var socialGetter = (function() {
/* JSONP: 가져오는 도구 함수 script*/
function injectScript(url) {
var script = document.createElement('script')
script.async =
script.src =
document; .body.appendChild(스크립트);
}

return {
getFacebookCount: function(url, callbackName) {
injectScript('https://graph.facebook.com/?id =' url ' &callback=' callbackName)
},
getTwitterCount: function(url, callbackName) {
injectScript('http://urls.api.twitter.com/1/urls/count .json?url =' url '&callback=' callbackName);
}
})()

// 콜백 메서드
function twitterCallback(result) {
result .count && console.log('카운트: ', result.count)
}
function facebookCallback(result) {
result.shares && console.log('카운트 is: ', result.shares);
}

// Call
socialGetter.getFacebookCount('http://davidwalsh.name/twitter-facebook-jsonp', 'facebookCallback');
socialGetter .getTwitterCount('http://davidwalsh.name/twitter-facebook-jsonp', 'twitterCallback');

JSONP를 처리하는 경량 마이크로 프레임워크가 많기 때문에 기사가 가장 중요한 부분은 정보를 얻기 위한 URL일 수 있습니다. 필요와 습관에 따라 JSONP 도구를 선택하세요!

Twitter와 Facebook은 이러한 요청의 수와 빈도에 확실히 제한이 있으므로 웹사이트에 트래픽이 많으면 JSONP가 차단되거나 차단될 가능성이 높습니다. 빠른 해결 방법은 기사 수 정보를 sessionStorage에 저장하는 것이지만 이는 단일 사용자에게만 해당됩니다. 운영 중인 웹사이트의 트래픽이 많은 경우 서버측에서 데이터를 캡처하여 캐시한 후 일정 시간 내에 자동으로 새로 고치는 방식을 선택하는 것이 좋습니다.