Étapes spécifiques pour obtenir le nombre d'articles Twitter et Facebook en utilisant les compétences JSONP_javascript

L'article original concerne l'utilisation de Twitter et Facebook. En raison de la répression en Chine, ce que je trouve utile, c'est une classe d'outils pour obtenir du JSONP

Ce qui me dérange, c'est que de nombreuses API populaires nécessitent déjà une authentification pour obtenir des informations. .

Puisque je peux accéder à ces pages et obtenir les informations, pourquoi n'utilise-je pas un code simple pour les obtenir et ignorer l'étape de vérification
Je pense que Twitter et Facebook nécessitent une authentification pour obtenir le numéro d'article ? , mais il s'avère que vous pouvez obtenir ces informations via JSONP. Veuillez vous référer aux étapes ci-dessous.

Le JavaScript

Je vais vous montrer comment faire cela en utilisant le JavaScript de base :

Copier le code Le code est le suivant :

// Récupère l'objet encapsulé du nombre d'articles
var socialGetter = (function() {
/* JSONP : Fonction outil pour obtenir le script*/
function injectScript(url) {
var script = document.createElement('script');
script.async = true
script.src =
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);
}
}
})();

// méthode de rappel
fonction twitterCallback(result) {
result .count && console.log('Le décompte est : ', result.count);
}
function facebookCallback(result) {
result.shares && console.log('Le décompte est : ', result.shares);
}

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

Comme il existe de nombreux micro-frameworks légers pour traiter JSONP, cela l'article est la partie la plus importante peut être l'URL pour obtenir l'information. Choisissez votre outil JSONP en fonction de vos besoins et de vos habitudes !

Twitter et Facebook ont ​​définitivement des limites sur le nombre et la fréquence de ces requêtes, donc si votre site web a beaucoup de trafic, JSONP risque d'être bloqué ou bloqué. . Une solution rapide consiste à stocker les informations sur le nombre d’articles dans sessionStorage, mais cela ne concerne qu’un seul utilisateur. Si le site Web que vous utilisez a un trafic important, vous feriez mieux de choisir de capturer les données côté serveur, de les mettre en cache et de les actualiser automatiquement dans un certain laps de temps.