La popularización del concepto web 2.0 trajo consigo millones de páginas que hacían uso de Feeds, ajax y diseños simples y limpios. Por motivos de seguridad las llamadas ajax están limitadas a nuestro propio dominio siendo imposible, por ejemplo, realizar la lectura de un feed rss externo a nuestro site mediante javascript.
Este tipo de limitaciones se suelen solventar con un proxy del lado del servidor que realiza la lectura del feed y nos la devuelve aunque existen soluciones más sencillas como el plugin que vemos hoy. Básicamente se trata de un plugin para jquery que crea una capa de abstracción sobre la Google Feeds API permitiendo la lectura de cualquier rss bajo cualquier dominio. Además el contenido es convertido a JSON automáticamente dejándolo listo para trabajar con el cómodamente con javascript.
Su uso es muy sencillo, por ejemplo:
<script src="jquery.js">
<script src="jquery.jgfeed.js">
<script>
$.jGFeed('http://feeds.feedburner.com/jQueryHowto',
function(feeds){
// Check for errors
if(!feeds){
// there was an error
return false;
}
// do whatever you want with feeds here
for (var i=0; i < feeds.entries.length; i++) {
var entry = feeds.entries[i];
// Entry title
entry.title;
}
}, 10);
</script>
El script acepta los siguientes parámetros:
- URL – Dirección del feed a cargar
- Callback - Función a ejecutar cuando la lectura haya sido completada
- Num – Número de entradas a cargar
- Key – Google API key a usar mientras se cargan los RSS
Una vez terminada la lectura y conversión a JSON, el contenido sigue la siguiente estructura:
{
"title":"Blog Title",
"link":"http://www.example.com",
"author":"Author Name",
"description":"Blog description.",
"type":"RSS type (atom10, etc.)",
"entries":[
{
"title":"Blog entry title 1",
"link":"http://www.example.com/entry-1.html",
"author":"Post Author Name",
"publishedDate":"Mon, 25 May 2009 07:07:00 -0700",
"contentSnippet":"Short blog post snippet ...",
"content":"Longer snippet of the blog post",
"categories":[
"category 1",
"category 2",
"category 3"
]
},
{
"title":"Blog entry title 2",
"link":"http://www.example.com/entry-2.html",
"author":"Post Author Name",
"publishedDate":"Mon, 25 May 2009 07:07:00 -0700",
"contentSnippet":"Short blog post snippet ...",
"content":"Longer snippet of the blog post",
"categories":[
"category 3",
"category 2",
"category 1"
]
},
...
}
Enlaces:
descargar jQuery Google feed API
Artículo original del autor del plugin
