JSONPがTwitterとフェイスブックの記事数を取得する具体的な手順

原文はTwitterやフェイスブックを使っていますが、国内で強いので、JSONPを取得するためのツール類が役に立つと思います。これらのページにアクセスして情報を得ることができますが、なぜ簡単なコードを使って検証をスキップしないですか？TwitterやFacebookでは身分証明書の取得を要求していると思いますが、JSONPを通じてこれらの情報を入手できることが実証されています。以下の手順を参照してください。The JavaScriptは基本的なJavaScriptを使って、あなたにどうやってこのようにするかを教えます。

 
//             
var socialGetter = (function() { 
/* JSONP:           */ 
function injectScript(url) { 
var script = document.createElement('script'); 
script.async = true; 
script.src = url; 
document.body.appendChild(script); 
} 

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('The count is: ', result.count); 
} 
function facebookCallback(result) { 
result.shares && console.log('The count is: ', result.shares); 
} 

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

はライト級のmicro-frame ewarksが多いので、JSONPを処理します。だから、本文の一番重要な部分は情報を得るためのurlかもしれません。必要と習慣によって、あなたのJSONPツールを選択します。TwitterやFacebookはこれらの要求に対して数量や周波数の制限がありますので、もしあなたのサイトへのアクセスが大きいなら、JSONPはブロックされたり、ブロックされたりする可能性があります。もしあなたが運営しているウェブサイトの流量が大きいなら、サーバー側でデータをキャプチャしてキャッシュして、一定の時間で自動的に更新したほうがいいです。