Prendendo spunto da un commento di Davide al mio precedente post sulle Graph API e il Javascript SDK di Facebook, ho realizzato una mini demo che estrae da questo blog gli ultimi post inseriti e li mostra in una tab del mio profilo Facebook.
Al momento l’applicazione non è che interagisca granchè con FB dato che si limita ad interrogare un database esterno (il mio blog WordPress) e a restituire i risultati in lista. Direi che però è un buon punto di inizio per iniziare a studiare i rapporti con il social network più famoso del web.
La demo si trova nella tab pubblica “Dal mio blog” del mio profilo FB (http://www.facebook.com/simone.alati).
Ecco i passi che ho compiuto per ottenere questo risultato:
- realizzazione di una classe PHP che estrae i dati da WordPress
- registrazione dell’applicazione su Facebook Developers
La classe PHP
La classe che ho utilizzato si connette al database di WordPress, recupera i dati e li visualizza secondo un determinato template. La trovate qua. Dalla pagina index.php – che è la pagina caricata dal tab di FB in un iframe – si chiamano i metodi per la visualizzazione dei post. Gli stili CSS sono inseriti inline nel template che li utilizza.
La registrazione dell’applicazione su FB
Ho già parlato della cosa nel solito post che linko sopra. Qua mi preme solo sottolineare i campi che è necessario compliare per far funzionare il tutto:
- Autenticazione > Installabile su? – la tipologia di oggetti su cui il nostro tab con l’applicazione può essere visualizzato (profili utente e/o pagine FB)
- Profili > Nome tab – il testo che compare sul tab della nostra applicazione
- Profili > Scheda URL – l’indirizzo della tab in cui visualizzare l’applicazione (di solito va bene il default impostato a http://apps.facebook.com/nomeapplicazione/)
- Modelli > Canvas Page URL – l’indirizzo di base della propria applicazione (http://apps.facebook.com/nomeapplicazione/)
- Modelli > Canvas Callback URL – l’indirizzo da cui FB recupera i contenuti per il tab (http://www.miosito.it/nomeapplicazione/)
- Modelli > Canvas settings – la tipologia di interazione con FB (nel nostro caso iframe)
Fatto tutto ciò alla pagina http://apps.facebook.com/nomeapplicazione/ dovremmo poter vedere il risultato dei nostri sforzi. Una volta loggati a Facebook nella propria pagina Account > Impostazione applicazioni si vedrà elencata anche la nostra demo con il nome scelto in Profili > nome tab. Per promuoverla in un tab del nostro profilo basterà selezionare la voce Modifica impostazioni e nella scheda Profilo selezionare Aggiungi alla voce Riquadro.
