Advertisement
  1. Code
  2. WordPress

Crear un widget de Twitter con la última API de Twitter

by
Difficulty:IntermediateLength:MediumLanguages:

Spanish (Español) translation by Luis Chiabrera (you can also view the original English article)

Twitter hizo varios cambios cuando lanzaron 1.1 de su API. Uno de los cambios más notables es la introducción de la autenticación. Es decir, las aplicaciones deben autenticarse antes de poder enviar solicitudes a la API.

La autenticación es impulsada por OAuth, un protocolo abierto que permite la autorización segura en un método simple y estándar que permite a los usuarios aprobar la aplicación para actuar en su nombre sin compartir su contraseña.

En este tutorial, aprenderemos cómo interactuar mediante programación con la API de Twitter a medida que desarrollamos un widget de WordPress de la línea de tiempo de Twitter que muestra una lista de los últimos tweets realizados por un usuario de Twitter.

Aquí hay una vista previa del widget de línea de tiempo de Twitter que se construirá al final de este tutorial.

Para enviar solicitudes a la API de Twitter con éxito, debe crear una aplicación con autorización de OAuth porque no se permitirán las solicitudes no autorizadas.

Para crear una aplicación de Twitter, debe iniciar sesión en el panel del desarrollador de Twitter utilizando su cuenta de Twitter. El punto de crear una aplicación es darte a ti mismo (y a Twitter) un conjunto de claves.

Éstos incluyen:

  • la clave del consumidor
  • el secreto del consumidor
  • el token de acceso
  • el token de acceso secreto

Siga los pasos a continuación para crear una aplicación de Twitter y para generar las claves.

  • Inicie sesión en la cuenta de desarrollador de Twitter utilizando su cuenta de Twitter y navegue hasta la consola de administración de aplicaciones.
  • Haga clic en el botón Crear nueva aplicación para iniciar la creación de la aplicación de Twitter.
  • Rellene el formulario y haga clic en el botón Enviar para crear la aplicación.
  • Haga clic en la aplicación, navegue a la pestaña Permisos y cambie el nivel de Acceso a Lectura y Escritura.
    Si desea hacer un uso decente de esta API, deberá cambiar su configuración a Lectura y Escritura si está haciendo otra cosa que no sea la recuperación de datos estándar utilizando las solicitudes GET.

Para obtener la clave y el secreto del consumidor de la aplicación, vaya a la pestaña Claves de la API.
Las claves de API y el secreto de API son la clave de consumidor y el secreto de consumidor, respectivamente.



Para obtener el token de acceso a la aplicación y los secretos del token, aún en la pestaña Claves de la API, desplácese hacia abajo y haga clic en el botón Crear mi token de acceso para crear los tokens de acceso.


Actualice la página y se le mostrarán los tokens de acceso a su aplicación.

Ahora tenemos la clave y el secreto del consumidor y también el token de acceso y las claves secretas. Estas credenciales de OAuth son autenticadas por Twitter al enviar solicitudes a la API.

La configuración del widget del widget de la línea de tiempo de Twitter que estamos codificando constará de campos de formulario que recopilarán y guardarán estas credenciales de OAuth en la base de datos para que el widget las reutilice.

Comencemos a codificar el complemento del widget de línea de tiempo de Twitter.

Desarrollo de widget de línea de tiempo de Twitter

El encabezado es lo primero que debe ingresar en el archivo del complemento es el encabezado del complemento.



Crea una clase extendiendo la clase padre WP_Widget.


Dale al widget un nombre y una descripción a través del método mágico __construct ().

El método form () a continuación crea el formulario de configuración del widget que guardará las credenciales de OAuth en la base de datos para que el widget las reutilice más adelante.

A continuación se muestra una captura de pantalla de la configuración del widget creada por el método form () anterior.

Cuando los valores se ingresan en el campo del formulario de configuración, deben guardarse en la base de datos. El método update () desinfecta los valores del formulario del widget eliminando los datos maliciosos y luego guarda los datos desinfectados en la base de datos.

Encontré un Simple PHP Wrapper para la API de Twitter muy útil que hace que el envío y la recepción de la respuesta de la API sean fáciles, lo cual será utilizado por nuestro widget.

Descargue el contenedor PHP en el archivo comprimido de GitHub, extraiga e incluya el archivo TwitterAPIExchange.php que contiene la clase contenedora.

El siguiente método twitter_timeline () acepta lo siguiente como sus argumentos, lo que resulta útil cuando se realiza una solicitud a la API de Twitter.

  1. $ username: nombre de usuario de Twitter
  2. $limit: Número de tweets que se mostrarán en el widget
  3. $ oauth_access_token: token de acceso OAuth de la aplicación de Twitter.
  4. $ oauth_access_token secret: la aplicación OAuth acceso token secreto.
  5. $ consumer_key: Aplicación de Twitter Clave del consumidor.
  6. $ consumer_secret: Secreto del consumidor de la aplicación.

El método utiliza PHP Wrapper para la API de Twitter para enviar solicitudes a la API de Twitter, guardar y devolver la respuesta (datos JSON de la línea de tiempo del usuario).

La API guardó la hora en que se crearon o crearon los tweets en una fecha y hora textual en inglés. P.ej. Thu Jun 26 08:47:24 +0000 2014

Para hacer que el tiempo de tweet sea más fácil de usar, creé el método tweet_time () que muestra el tiempo de las siguientes maneras.

  • Si el tiempo es inferior a tres segundos, regresa ahora mismo.
  • Menos de un minuto, vuelve hace x segundos.
  • Menos de dos minutos, regresa hace aproximadamente 1 minuto.
  • Menos de una hora, vuelve hace n minutos y así sucesivamente.

Aquí está el código para el método tweet_time ().

El siguiente es el método widget () que muestra la línea de tiempo de Twitter en el front-end de WordPress.

La clase de widget Twitter_Tweets_Widget finalmente se registra con el gancho widgets_init para que WordPress la reconozca. Cierre su clase con un cierre} y luego agregue el siguiente código para inicializar el


Finalmente, hemos terminado de codificar el widget de línea de tiempo de Twitter.

Resumen

En este artículo, aprendimos cómo usar la API de Twitter en un proyecto del mundo real para crear nuestro propio widget WordPress de la línea de tiempo de Twitter. Aunque el tutorial debería ser relativamente sencillo, cubrimos temas como OAuth, claves y otros temas que pueden ser nuevos para aquellos de ustedes que trabajan con una API.

Si tiene alguna pregunta o sugerencia para mejorar el código, avíseme en los comentarios.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.