zRSSFeed: feed RSS in un sito web con JQuery

Una delle richieste che sempre più spesso vengono poste agli sviluppatori web riguarda la possibilità di inserire i contenuti di un feed RSS all'interno del sito in fase di sviluppo.

Anche se a prima vista la richiesta può sembrare scontata, se ci si sofferma un attimo ad analizzarla ci si accorge di una serie di problematiche di non banale risoluzione:

Per reperire le informazioni dal feed RSS: sarà necessario effettuare dal sito una chiamata all'URL del feed (tramite browser e, come sappiamo, ogni browser gestisce la cosa a modo suo)

Un feed RSS è in formato XML: sarà quindi necessario formattarlo correttamente per ottenere una gradevole ed efficace visualizzazione a video per l'utente

Un feed RSS può contenere elementi multimediali (immagini, video ecc): se richiesto, sarà quindi necessario gestire correttamente anche questa tipologia di informazioni nel news ticker che si sta andando a realizzareAnche se non impossibile, il collegamento in real time con un feed RSS può impegnare (per risolvere "degnamente" il problema) lo sviluppatore anche per qualche giorno... a meno di non rivolgersi a JQuery e a zRSSFeed.

zRSSFeed è un plugin per l'ormai celeberrima libreria/framework JQuery che consente, con pochissimi e semplicissimi passi, di importate in un sito web uno o più feed RSS, in modo semplice ed evitando allo sviluppatore di doversi occupare di tutta una serie di dettagli che rallenterebbero lo sviluppo facendo perdere moltissimo tempo.

Per utilizzare zRSSFeed è necessario importare gli script necessari (notare l'utlizzo della libreria "min", ossia della libreria Javascript alla quale sono stati tolti i ritorni a capi ed i commenti inutili, per velocizzarne il parsing da parte del browser):

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js" type="text/javascript"></script>

<script src="Script/jquery.zrssfeed.min.js" type="text/javascript"></script>

Successivamente, è sufficiente aggiungere un tag DIV nel punto della pagina dove si desidera che venga visualizzato il flusso di informazioni in arrivo dal feed RSS:

<div id="blog"></div>

Come ultimo passaggio, è sufficiente creare l'handler JQuery per la l'aggancio dinamico tra il nostro DIV e zRSSFeed:

<script type="text/javascript">

$(document).ready(function () {

$('#blog').rssfeed('http://feeds.feedburner.com/InfoBloggando', {

limit: 3, date: false

});

});

</script>

Nell'esempio sopra indicato, viene importato il feed RSS di Infobloggando, indicando di visualizzare gli ultimi 3 articoli pubblicati e di non visualizzare data e ora di pubblicazione.