17 junio 2009

Muestra tus Tweets con la API de Twitter

logotwitterel manejo de la APi de Twitter permite interactuar con la herramienta de microblogging Twitter, se realiza mediante consultas a la API que devuelve los datos formateado en XML, JSON, RSS o ATOM. Hay consultas que no son de acceso público y que será necesaria una clave para el retorno de información.

El ejemplo está basado en el método statuses/user_timeline, permite recuperar las últimas entradas de un usuario en su Twitter.

Mostrará por pantalla las últimas 5 entradas en Twitter, para ello no será necesario la clave ya que es de acceso público (si no lo ha restringido el usuario). image El retorno de datos lo realiza en JSON y la aplicación funciona bajo Javascript.

Se usará el framework JQuery para manejar AJAX fácilmente.

en la URL cambiar NICK_USUARIO y poner el usuario a mostrar.

<html>

<head>

<!--Script de JQuery para manejar Javascript -->

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>

<script>

$(document).ready( function() {

var url = "http://twitter.com/statuses/user_timeline/NICK_USUARIO.json?count=5&callback=?";

$.getJSON(url, function(data){

$.each(data, function(i, item) {

$("#imagenPerfil").attr("src", item.user["profile_image_url"]);

$("#tweets").append("<li>" + item.text + " <small class='created_at'>" + item.created_at + " via " + item.source + "</small></li>");

});

});

});

</script>

</head>

<body>

<img id="imagenPerfil"><!--campo imagen donde cargar la foto de perfil-->

<ul id="tweets"></ul><!--campos donde cargar los tweets -->

</body>

</html>

No hay comentarios:

Publicar un comentario