Lector RSS con Javascript

  • Por
Como leer mediante Javascript un feed RSS para publicar los titulares en tu sitio. Lector RSS Javascript.
He estado investigando en diferentes sitios la manera de crear sistema en Javascript que lea RSS de otras webs, para publicar los titulares en una página. Finalmente encontré un script lector de RSS que voy a comentar en este artículo.

El sistema permite leer una hoja XML que contiene un feed RSS y escribe las entradas del RSS en la página. En el contenido de la página no figura el RSS, sino que está en un archivo externo y con el script se escribe el texto de las distintas entradas, con sus enlaces y otras informaciones.

El script lo tienen publicado en la página http://www.cstruter.com/downloads.php

Yo lo he descargado y he colocado en el servidor de DesarrolloWeb.com, por si acaso lo quitan de la web donde lo he obtenido (como ya nos ha pasado con otros scripts que hemos comentado en este sitio). Se puede descargar con este enlace. No obstante, recomiendo entrar en la página donde lo he obtenido, por si acaso publican versiones nuevas.

Condicionantes para el uso del lector RSS con Javascript

Antes de continuar explicando el funcionamiento hay que decir que existe una restricción de uso de este script, que resulta importante porque en Firefox no funcionará. Se trata de que Firefox, como medida de seguridad, no permite leer el contenido de otras webs. Como el RSS con los titulares lo sacamos de otras webs, pues en Firefox vamos a tener problemas, porque no va a permitir su lectura y la presentación de los titulares en la página. Este problema no lo tiene Internet Explorer, pero aun así tendremos que buscar otras soluciones.

La solución más sencilla sería la de publicar el RSS en nuestro servidor. Es decir, descargarlo de la web deseada y subirlo por FTP a nuestro sitio. Claro que esto nos obligaría a realizar una operación manual cada vez que queremos que los titulares se actualicen y ello puede significar que perdamos una de las ventajas de presentar titulares RSS de otras webs, que es disponer siempre de contenido actualizado. Además se de resultar un poco pesada la tarea de descargar el feed RSS y subir todos los días el archivo XML a nuestra web.

La solución más óptima sería crear un script en programación del lado del servidor, con por ejemplo PHP, ASP o .NET que realice la tarea de descargar el RSS con los titulares y lo copie en nuestro servidor. Este script se podría ejecutar cada cierto tiempo o cada vez que un usuario acceda a la página donde se lee el RSS remoto para presentar los titulares. La desventaja de esta opción es que necesitamos que nuestro servidor soporte programación de scripts en PHP, ASP o similares. Aparte que si hacemos programación del lado del servidor para extraer el feed RSS podríamos directamente tratarlo para presentar los datos en la página, sin necesidad de este script Javascript. No obstante, cabe señalar que en DesarrolloWeb.com, en las secciones monotemáticas de PHP o ASP tenemos materiales para aprender a leer un archivo remoto, que esté en otro servidor.

Uso del lector RSS Javascript

El script es extremadamente sencillo de utilizar, ya que toda la parte complicada la hace por si mismo. Simplemente tenemos que especificar en una línea de código el archivo RSS del que tiene que extraer los titulares.

Del archivo de descarga, simplemente tenemos que cambiar la siguiente línea:

ReadRSS('cnn_tech_rss.xml','rssBodyTemplate','rssTitleTemplate');

La function ReadRSS(), que es el lector RSS, en el primer parámetro tiene el nombre del archivo RSS que debe leer. Nosotros lo podemos cambiar por el nombre del archivo que pretendemos mostrar sus titulares.

Este archivo lo podríamos cambiar por la URL completa del feed RSS del servidor donde se lo tienen publicado. Por ejemplo, para leer el RSS con las novedades de FAQ que publicamos en DesarrolloWeb.com se llamaría la función así:

ReadRSS('http://www.desarrolloweb.com/rss/faq_rss.php','rssBodyTemplate','rssTitleTemplate');

En Internet Explorer no hay ningún problema con este uso de la función, simplemente veremos que los titulares tardan un poco más en generarse, debido a que tiene que conectar con la página remota para descargar el RSS. Pero podremos comprobar que la función, cuando se ejecuta en Firefox, muestra un mensaje advirtiendo del problema y sugiriendo que se copie el archivo remoto el nuestro propio servidor para poder funcionar.

Descargaros el script al que hacemos referencia y realizar vuestras propias pruebas.

Autor

Miguel Angel Alvarez

Miguel es fundador de DesarrolloWeb.com y la plataforma de formación online EscuelaIT. Comenzó en el mundo del desarrollo web en el año 1997, transformando su hobby en su trabajo.

Compartir

Comentarios

andres

17/2/2009
hola gracias por el post. pero tengo una duda como hago para ponerle limite de los rss que me aparescan.

gracias.

Jorge

06/8/2009
numero de entradas RSS a mostrar
Hola,

el script esta de lujo, funciona perfe. Lo unico es si alguien sabe como calibrar el numero de caracteres que te muestre en la pagina y el numero de entradas que tu quieres mostrar.

muchas gracias

MRV

01/2/2010
lector RSS con javascript.
Código para leer los rss de otras webs.

webinfoservices

16/4/2010
lectores rss
Antes que nada muchas gracias por la ayuda que nos dan a los principiantes con estos tips y manuales, respecto del lector de rss para actualizar webs no sabìa que se pudiera hacer y creo que tiene un gran valor y es es muy ùtil, yo voy a ver como me las arreglo para comenzar a poner rss en mi blog, muchas gracias,saludos
maria gema

Arturin

19/7/2010
Como Integrar el Lector RSS en un sitio elaborado con Joomla
Hola.. quisiera saber, como podria poner en un sitio que estoy haciendo en Joomla, (estoy aprendiendo) las noticias que aparecen aqui en desarrolloweb.com ... perdon.. pero no se si esto este permitido por el sitio... agradecere mucho me puedan ayudar y sobre todo si esta permitido el transferir la informacion que sale aqui y pasarlo a mi sitio como un repetidor.... gracias espero haberme explicado... no se mucho gracias

JuanMa

17/4/2011
Ver las imágenes
Hola compañeros

He apredido mucho gracias a vosotros y ahora estoy liado con este lector, me funciona perfectamente y mi consulta es, qué debería de añadir o modificar para que muestre la imagen que hay en los mensajes?
Solo muestra esto: imagen: http://.................jpg, y no me gusta el resultado

Saludos y gracias ;)

xDisorder

17/1/2013
Consulta
Me gustaría saber si este lector al estar basado en javascript, puede usarse con jquey mobile, y si me podrías dar algunas guías de como adaptarlo a una aplicación móvil para android, he estado revisando un curso de jQuery Mobile que esta en esta misma pagina y me interesa mucho combinar estas dos cosas. de antemano gracias por tu tiempo. Saludos

Giovanni Luis

28/4/2014
Gracias totales.
Encontré una solución a los problemas de todo.

EDUARD ALBERTO AVENDANO

30/8/2015
Buenas, solo me funciona con Mozilla y con el archivo de ejemplo, trato de colocarles otro archivo .xml o la url de un rss y nada, sale este error:
Buenas,

solo me funciona con Mozilla y con el archivo de ejemplo, trato de colocarles otro archivo .xml o la url de un rss y nada, sale este error:
Error occured
Thrown Error:xmlDoc.load is not a function
Note: Apparently one cant read remote xml via firefox, please copy the file to your server

Yo estoy abriendo el archivo en mi máquina local sin publicar. (file:///C:/Users/Eduard/Desktop/rss/jsrss/jsrss/rss.html)

Agradezco su colaboración.

sheldom

16/3/2016
SOS: no me funciona con RSS local!!!
Hola,
tengo problemas con el ejemplo, <b>me da error</b> aun usando el RSS local(sin usar una URL) ¿He echo algo mal?

Gracias, saludos:D