Bueno como bien pone en título en este post voy a contar mi experiencia a la hora de
pasar de la anterior API 1.0 de Twitter o
la nueva aunque sea un caso particular espero que también os pueda ayudar si estáis
en una situación parecida.
Vale para empezar os mostrare una imagen donde aparece la página
donde quiero mostrar los tweets que no es que mi página personal: www.davidcruz127.es
Si os fijáis en la parte derecha inferior de la imagen se ve
una especia de bocadillo o donde deberían de ir apareciendo mis tweets pero como se ve en la imagen no están
apareciendo. Pues bien el problema es que Twitter ha actualizado su API y
dejado de dar soporte para la anterior. Con la nueva API la v1.1 se han vuelto
un poco más restrictivos con el uso de la API y nos obligan a autentificarnos
para poder obtener los datos.
1)
Lo primero que tendremos que hacer es ir a la página de desarrolladores de Twitter
y crear hay nuestra aplicación para ellos tendremos que acceder a la siguiente
dirección: https://dev.twitter.com/apps/new
Una vez creada nuestra aplicación deberemos obtener nuestras credenciales para poder acceder. Esto son los campos “Consumer key” y “Consumer secret” que se
muestra desde la página.
2)
Bien ahora esta parte puede resultar algo nueva
pero a mí parecido interesante la herramienta y para este caso particular me ha
salvado la vida. Se trata de la herramienta “Google Script” que permite crear
script para poder utilizarlo desde la web. Ha continuación os muestra el script
que he creado para poder obtener los datos. Hay que tener en cuenta que para mi
caso lo que devuelve este script es un JSON con la información de los Tweets
vosotros podéis modificarlo para obtener los datos en formato XML o cualquier
otro formato que necesitéis.
Vale para usar script solo tendréis
que introducir la cuenta de usuario de Twitter que estéis utilizando y los keys
que os ha dado Twitter para acceder a la aplicación que son la que se indicaron
antes “Consumer key” y “Consumer secret”. A continuación de modificar el script
con vuestros datos deberéis publicar la aplicación para poder usarla para ellos
deberéis ir la parte superior y pulsar sobre “publicar” y pulsar sobre “implementar
como aplicación”. Que os abrirá una ventana como esta.
Como veis os da la dirección donde esta la aplicación que
acabamos de crear y desde la cual obtendremos los datos de los Tweets en
formato JSON. Importante tendréis que ejecutar la aplicación con vuestro
usuario de gmail y después en la parte de acceso a la aplicación tendréis que poner
“cualquier persona, incluso anónima”.
3)
Ahora que tenemos el script correctamente
configurado es hora de ir al código de nuestra web para obtener los datos y mostrarlos
en el panel. Para ello he escrito el siguiente trozo de código.
$(document).ready(function () {
var url =
'https://script.google.com/macros/s/AKfycbysVI-KNvTepJzZn2plObagIBTxqAqmrDqIg5UsGMIF50nMozI/exec';
$.getJSON(url, {
format:
"json"
}, function
(tweet) {
$("#last-tweet").html(tweet[0].text);
$("#last-tweet2").html(tweet[1].text);
$("#last-tweet3").html(tweet[2].text);
$("#last-tweet4").html(tweet[3].text);
});
});
4)
Como se ve en el código lo único que ha introducido es la dirección de nuestra aplicación que hemos creado en google
script y posteriormente usamos la función “getJSON” que viene con JQuery 1.6
para obtener los datos que queremos del JSON que en este caso son los elementos “text”
del JSON.
Pues esto es todo, un saludo.
No hay comentarios:
Publicar un comentario