Google AJAX Feed API


Ieri Google a anunţat un nou API care îi va bucura pe webdeveloperi: Google AJAX Feed API. Astăzi, când tot mai mult conţinut este făcut disponibil prin feed-uri, Google pune la dispoziţie programatorilor posibilitatea de a extrage informaţii printr-un simplu cod Javascript. Pentru moment versiunea 1.0 a acestui API nu este deosebit de complexă, ceea ce pe de o parte este bine (poţi citi documentaţia în câteva minute), dar şi rău (nu sunt foarte multe facilităţi, adică metode ale clasei).

img68

Pentru a folosi acest API aveţi evident nevoie de o cheie pe care Google o pune la dispoziţie gratuit dar trebuie să indicaţi adresa sitului unde veţi folosi scriptul. Probabil prin această metodă Google vrea să urmărească popularitatea serviciului şi unde anume este folosit. Cheia constă dintr-un luuuuuuuuung şir de litere şi cifre pe care trebuie să îl salvaţi undeva. De fapt vi se va furniza şi un cod de început, gata de folosit. Eu l-am modificat foarte puţin mai jos, punând să se „alimenteze” din feed-ul de la CNet.ro şi să ia 10 elemente (implicit ia 4 – ciudată alegere). Desigur, nu am notat cheia, nu din motive de secret ci pentru că pur şi simplu e f lungă şi nu ar ajuta nimănui (funcţionând per domeniu).

<!DOCTYPE html PUBLIC „-//W3C//DTD XHTML 1.0 Strict//EN” „http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”content-type” content=”text/html; charset=utf-8″/>
<title>Google AJAX Feed API – Simple Example</title>
<script type=”text/javascript” src=”http://www.google.com/jsapi?key=CHEIA_API”></script>
<script type=”text/javascript”>

google.load(„feeds”, „1”);

function initialize() {
   var feed = new google.feeds.Feed(„http://feeds.feedburner.com/cnetro”);
   feed.setNumEntries(10);
   feed.load(function(result) {
      if (!result.error) {
         var container = document.getElementById(„feed”);
         for (var i = 0; i < result.feed.entries.length; i++) {
            var entry = result.feed.entries[i];
            var div = document.createElement(„div”);
            div.appendChild(document.createTextNode(entry.title));
            container.appendChild(div);
         }
      }
   });
}
google.setOnLoadCallback(initialize);

</script>
</head>
<body>
<div id=”feed”></div>
</body>
</html>

Rezultatul? Am pus mai jos o captură. Documentaţia o găsiţi aici. Simplu… clar… Vivat Google!

apifeed.jpg


Apreciază articolul:

1 stea2 stea3 stea4 stea5 stea (Neevaluat încă)
Loading...Loading...

2 comentarii

  1. silviu spune:

    Bun lucru. As putea astfel sa pun pe un sit parohial si ultimele stiri de pe catholica.ro de exemplu. Titlurile afisate sunt chiar link-uri? Se poate da click pe ele?

  2. radu.capan spune:

    Codul de mai sus afişează doar ultimele intrări la un feed oarecare. Trebuie desigur completat folosind entry.link (a se vedea documentaţia).


Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile necesare sunt marcate *