Immergersi nell'API di ricerca di Twitter

Twitter è qualcosa di cui sei ossessionato, confuso o malato. Quindi, vediamo cosa possiamo fare usando l'API di Twitter. Non ti preoccupare, è molto più facile di quanto tu possa pensare. Se posso farlo, chiunque può. Vedremo come utilizzare l'API di Twitter con PHP per effettuare richieste e creare una semplice pagina di ricerca e risultati.

Questo tutorial include uno screencast disponibile per i membri Tuts + Premium.


Passaggio 1: assicurarsi che cURL per PHP sia abilitato sul server Web

cURL è uno strumento da riga di comando per il trasferimento di file con sintassi URL. Permette un modo molto più rapido e semplice per fare richieste http tramite PHP. Questo è importante perché la libreria PHP che useremo lo richiede. Se non sei sicuro di aver installato e abilitato cURL sul tuo server web, esegui la funzione phpinfo () e cerca "arricciatura" per vedere se è abilitata. La maggior parte dei moderni server Web ha installato e abilitato. Altrimenti puoi abilitarlo manualmente dai due file php.ini sul tuo server web.



Passaggio 1.5: Partecipa ai Twitter

Se non lo hai già fatto, procurati un account Twitter. In realtà non ne hai bisogno per gli scopi di questo tutorial, ma se vuoi estenderlo con la pubblicazione e il seguito e altre cose, ne avrai bisogno. Non ho ancora idea del perché la gente lo ami o lo odi così tanto, ma ti mostrerò cosa puoi fare con l'API.



Passaggio 2: scarica la libreria PHP dell'API di Twitter

Sì, potremmo farlo da zero, ma perché? Nel mondo reale dobbiamo fare in modo che le cose siano fatte velocemente e molti di questi sono già stati fatti per noi. La libreria PHP colmerà il gap per noi tra l'API di Twitter e PHP. Per questo tutorial useremo una libreria PHP dalla società di sviluppo web Arc90. Puoi scaricare il client API PHP di Arc90 PHP come file ZIP qui.



Screencast completo



Passaggio 3: installazione della struttura di file / cartelle

Estrai il file ZIP scaricato e sposta il file 'lib' nella cartella 'codice' (questa è solo la mia cartella di codice arbitrario, puoi chiamarlo tutto ciò che vuoi) nel tuo progetto. Ho una cartella 'css' contenente un file 'style.css' in stile twitter.



Passaggio 4: importa la libreria di Twitter e inizia a parlare con l'API

Crea un nuovo file "tweet-feed.php". Ecco il codice su quella pagina. Ho commentato la richiesta della sequenza temporale pubblica. Puoi commentare il commento e commentare la richiesta di ricerca, se lo desideri. Questo è solo per iniziare. Ricorda che l'API di ricerca di Twitter consente solo i tipi di richiesta ATOM e JSON. Tutte le altre richieste consentono XML, RSS, ATOM e JSON. Questo tutorial utilizza ATOM.

 getPublicTimeline ( 'ATOM'); // echo $ feed = $ response-> getData (); // Conditionals per la query get dall'url if (isset ($ _ GET ['q']) && $ _GET ['q']! = ") $ Q = $ _GET ['q']; else $ q = 'nettuts'; // Cerca richiesta API Twitter $ risposta = $ twitter-> searchAPI ('ATOM'); echo $ feed = $ response-> search ($ q, array ('rpp' => 10)) ??>

Passaggio 5: visualizzazione dei dati richiesti API

Crea un altro file PHP, 'index.php' e aggiungi il seguente codice. Questo include un semplice modulo di ricerca, il PHP per importare il file di risultati ATOM / XML ("tweet-feed.php") creato in precedenza con SimpleXML e il looping del contenuto per visualizzare i risultanti risultati della ricerca dell'API di Twitter..

     Tweetorial, semplice ricerca su Twitter     

Risultati di ricerca Tweetorial

Cerca risultati per

ingresso come $ tweet) // Avvolgi tutti i dati dei tweet in un '.tweet' div echo '
'; // Ottieni l'avatar di Twitter e avvolgilo in un '.avatar_border' div echo '
'; // Visualizza il nome utente di Twitter e lo avvolge in un tag H3 echo '

'$ Tweet-> auto-> nome.'

'; // Visualizza il contenuto dei tweet e lo avvolge in un tag P echo '

'$ Tweet-> contenuti.'

'; eco '
'; ?>

Passaggio 6: Rendi tutto abbastanza

Ora che abbiamo tutti i dati, rendiamolo facile agli occhi. Ecco il CSS che ho usato per disegnare la pagina 'index.php'. Nota alla fine del CSS lo stile 'img.avatar'. Questo è importante in quanto Twitter non sempre riduce le immagini dell'avatar correttamente e alcuni possono visualizzare un'immagine molto più grande.

 body background: # 9AE4E8; margine: 0 auto; padding: 0; famiglia di font: "Trebuchet MS", Arial, Verdana; font-size: 12px; text-align: center; colore: # 333333;  img border: 0;  a text-decoration: underline; colore: # 00CCFF;  a: hover color: #FFFFCC; . clear margin: 0 auto; padding: 0; clear: both;  h1 font-size: 24px;  h2 font-size: 18px;  h3, h3 a color: # 0084B4; sfondo: #FFFFFF; margin: 0;  a: hover color: # 0084B4;  / * ------------------------------------------- Contenuto --- ---------------------------------------- * / #content margin: 0 auto; padding: 0; larghezza: 600px;  / * ------------------------------------------- Altro / Varie - ------------------------------------------ * / .search margin: 10px ;  .tweet background: #FFFFFF; colore: # 666666; text-align: left; padding: 10px; margine: 0 0 2 px; width: auto; -moz-border-radius: 10px; overflow: hidden; position: relative;  / * Il tag b viene utilizzato per evidenziare la parola chiave di ricerca nella pagina di ricerca risultante * / b background: #CCFFFF;  .avatar_border border: 1px solid #EFEFEF; float: sinistra; margine: 0 10px 0 0; overflow: hidden; padding: 0;  .avatar background: #CCCCCC; border: 6px solid # F0F0F0; margin: 2px; padding: 2px;  / * È importante impostare manualmente l'altezza e la larghezza poiché Twitter non riduce sempre le immagini dell'avatar e alcuni potrebbero visualizzare un'immagine molto più grande * / img.avatar height: 48px; larghezza: 48px; 


Fatto?

Bene, questo è tutto ciò che ho tempo per ora. Questo dovrebbe darti le basi per iniziare a utilizzare l'API di Twitter con PHP. Ora puoi estenderlo a più applicazioni web utili, un client AIR di Twitter, aggiungere qualche dolce AJAX-iness, qualunque cosa tu possa pensare. Ricevi tweet mentre il Twitter è caldo.