JSONP_javascript スキルを使用して Twitter と Facebook の記事数を取得する具体的な手順

元の記事は、中国での取り締まりのため、便利だと思うのは、JSONP を取得するためのツール クラスです。

気になるのは、多くの一般的な API がすでに情報を取得するために認証を必要とすることです。 。

これらのページにアクセスして情報を取得できるのであれば、簡単なコードを使用して情報を取得し、検証手順をスキップしてみてはいかがでしょうか?
Twitter と Facebook では記事番号を取得するために認証が必要だと思います。 , しかし、この情報は JSONP 経由で取得できることがわかりました。以下の手順を参照してください。

JavaScript

基本的な JavaScript を使用してこれを行う方法を示します:

コードをコピー コードは次のとおりです。

// 記事数分のカプセル化されたオブジェクトを取得
var socialGetter = (function() {
/* JSONP: 取得用ツール関数スクリプト*/
function injectScript(url) {
var script = document.createElement('script');
script.src = url; .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);
}
})();

関数 twitterCallback(result);
result .count && console.log('カウントは: ', result.count);
}
function facebookCallback(result) {
result.shares && console.log('カウントは: ', result.shares);

//
socialGetter.getFacebookCount('http://davidwalsh.name/twitter-facebook-jsonp', 'facebookCallback'); を呼び出します。
socialGetter .getTwitterCount('http://davidwalsh.name/twitter-facebook-jsonp', 'twitterCallback');


JSONP を処理する軽量のマイクロフレームワークが多数あるため、これは記事が最も重要な部分は、情報を取得するための URL かもしれません。ニーズと習慣に応じて JSONP ツールを選択してください。

Twitter と Facebook にはこれらのリクエストの数と頻度に間違いなく制限があるため、Web サイトのトラフィックが多い場合、JSONP はブロックされるかブロックされる可能性があります。簡単な解決策は、記事数情報を sessionStorage に保存することですが、これは 1 人のユーザーに対してのみです。実行している Web サイトのトラフィックが大きい場合は、サーバー側でデータをキャプチャしてキャッシュし、一定期間内に自動的に更新することを選択することをお勧めします。