jQuery Girl
  1. jQuery Girl
  3. Utilisation de Javascript uniquement pour réduire les URL à l’aide de l’API Bit.ly
Intereting Posts
Les tabs de l’interface utilisateur jQuery ne cachent pas les tabs inactifs lors du chargement IndexOf non pris en charge dans le navigateur IE8 Comment mettre en œuvre le défilement à effet fixe? comment ne pas coder en dur le lien codeigniter dans un fichier js Comment décomposer et afficher une liste de tableaux en plusieurs colonnes de table jqGrid résoudre l’ID de pager de grid de manière dynamic? jQuery DataTables – sortinger les numéros uniquement Owl Carousel: Javascript ne se charge pas. Problème Shopify ou problème de code? Zombies Impossible Backbone JQPlot agrandit le graphique et utilise la fonction replot Highstock avec data.csv commence par 01.01.1970 Fenêtre de blocage de la boîte de dialog de l’interface utilisateur jQuery dans Google Chrome rails et bootstrap: Uncaught ReferenceError: jQuery n’est pas défini jQuery: fermeture en fondu, modification de l’image d’arrière-plan, puis ouverture en fondu Typeahead v0.10.2 & Bloodhound – Utilisation d’objects JSON nesteds

Utilisation de Javascript uniquement pour réduire les URL à l’aide de l’API Bit.ly

Je joue un peu avec Javascript ces jours-ci … Je réduisais certaines URL en utilisant bit.ly pour les tweeter, puis je commençais à penser à un processus automatisé qui pourrait utiliser leur API pour réduire les URL que je voulais, sur leur documentation, et j’ai vu qu’ils ne supportent que PHP (avec un peu de Javascript), mais il y a de toute façon que je pourrais le faire en utilisant seulement Javascript?

Voici un exemple pour obtenir une URL raccourcie avec Bitly API et jQuery, aucun code côté serveur requirejs. 

function get_short_url(long_url, login, api_key, func) { $.getJSON( "http://api.bitly.com/v3/shorten?callback=?", { "format": "json", "apiKey": api_key, "login": login, "longUrl": long_url }, function(response) { func(response.data.url); } ); }

Le code suivant pourrait être utilisé pour obtenir une URL courte: 

 /* Sign up for Bitly account at https://bitly.com/a/sign_up and upon completion visit https://bitly.com/a/your_api_key/ to get "login" and "api_key" values */ var login = "LOGIN_HERE"; var api_key = "API_KEY_HERE"; var long_url = "http://www.kozlenko.info"; get_short_url(long_url, login, api_key, function(short_url) { console.log(short_url); });

De la page des meilleures pratiques pour développeurs sur bitly:

Pour garantir la sécurité de votre clé API et / ou de votre jeton d’access OAuth, nous vous recommandons vivement de faire des demandes au serveur bitly API lorsque cela est possible.

Toute demande adressée à l’API bitly via Javascript côté client présente le risque que votre jeton OAuth ou votre clé d’API soit compromise, mais vous pouvez néanmoins procéder partiellement pour atténuer partiellement ce risque. Plus important encore, n’incluez jamais votre api_key ou access_token dans la page. Conservez toutes les références à votre clé api ou access_token dans du code contenu dans des fichiers JavaScript externes inclus dans la page. Pour plus de sécurité, la clé ou le jeton lui-même ne figure nulle part dans votre code javascript, mais effectuez plutôt un appel ajax pour le charger et conservez-le dans une variable stockée dans une méthode privée. Pour un exemple de cette implémentation, veuillez consulter notre exemple HTML et les fichiers javascript inclus.

Selon l’endroit où JavaScript s’exécute, vous pouvez toujours utiliser l’API REST bit.ly:

http://code.google.com/p/bitly-api/wiki/ApiDocumentation

via XmlHttpRequest, par exemple: 

 http://api.bit.ly/v3/shorten?login=bitlyapidemo&apiKey=R_0da49e0a9118ff35f52f629d2d71bf07&longUrl=http%3A%2F%2Fbetaworks.com%2F&format=json