Creiamo insieme la nostra prima applicazione Facebook – Impostiamo Tutte Le Opzioni

Finalmente con qualche giorno di ritardo sono riuscito a scrivere la seconda parte della guida dedicata alla creazione di applicazioni Facebook. Come ti ho promesso, non è difficile, ma ho dovuto prima capire alcune cose ed entrare nella logica della programmazione in Facebook per potertele riversare nella maniera più semplice, corretta e aggiornata possibile.

In ogni caso, sono riuscito a creare e pubblicare la mia prima, semplicissima applicazione Facebook.

E se leggi l’articolo e la guida fino in fondo, saprai crearla anche tu, puoi contarci.

La prima parte della guida a dire la verità è stata molto, molto introduttiva e per questo ho cercato di farmi perdonare scrivendo la seconda parte in maniera un po’ più approfondita.

Prima di cominciare a scrivere del codice vero e proprio voglio farti vedere quel’è la struttura delle directory che ho utilizzato io (e che ti consiglio di seguire) per sviluppare l’applicazione:

Crea una cartella chiamandola col nome della tua nuova applicazione. Al suo interno crea le cartelle “cache”, “client”, “config”, “images” e “include”.

All’interno della cartella “client” devi inserire la Facebook PHP Client Library che puoi scaricare da qui:
http://github.com/facebook/php-sdk/archives/master

N.B. La pecca di queste librerie è che funzionano solo con PHP5 ed ho notato che parecchi servizi di hosting utilizzano ancora il PHP4. Tra cui anche il mio, ma ho notato che c’è la possibilità di abilitare il PHP5. Io l’ho fatto senza problemi e ti consiglio di farlo anche tu.

Se invece non hai proprio la possibilità di utilizzare la versione 5 di PHP, girando un po’ in rete ho trovato la libreria per il PHP4, non l’ho provata ma spero possa esserti d’aiuto. Puoi scaricarla da qui:
www.computergeek.it/risorse/Facebook%20PHP4%20Client%20Library.rar

Nella cartella “config” invece, devi creare un file con questo nome ed estensione “config.inc.php”.

La cartella “images” serve per eventuali immagini che vuoi utilizzare nella tua applicazione.

La cartella “include” verrà utilizzata per inserire librerie, stili ed altri oggetti che eventualmente devi utilizzare nello sviluppo dell’applicazione.

Qui dobbiamo inserire alcune componenti che ci renderanno la vita più facile, ovvero FBToolBox di cui puoi scaricare la versione modificata di Daniele Ghidoli di BigThink da qui: http://www.bigthink.it/download/10/ e SimplePie che ci sarà utile per il parsing del Feed RSS (ti spiegherò dopo perché), puoi scaricarlo da qui: http://simplepie.org/downloads/

Se vi dovesse servire, in questa cartella puoi inserire anche il file per gli stili CSS.

Nella cartella principale dell’applicazione invece puoi creare il classico “index.php” che sarà la home della nostra applicazione su Facebook.

Ok, dopo aver fatto un po’ di ordine nella struttura delle cartelle che utilizzeremo possiamo cominciare a creare davvero la nostra applicazione impostandone tutti i passaggi necessari per una corretta esecuzione.

Entra nell’applicazione Developer di Facebook e clicca su “Imposta Nuova Applicazione” in alto a destra.

Adesso devi semplicemente scegliere il nome per la tua nuova applicazione (mi raccomando a rispettare i termini di Facebook), mettere il flag su “Sono d’accordo” e cliccare su “Crea un’applicazione”.

Adesso verrai automaticamente inviato sulla pagina per l’impostazione di tutte le informazioni che riguardano la tua applicazione.
Le prime informazioni che ti verranno subito mostrate sono la tua Chiave API (pubblica) e il tuo Segreto (chiave privata). Ti consiglio di annotartele su un documento di testo perché sono molto importanti.
Le successive opzioni della schermata Principale riguardano la Descrizione, l’Icona, il Logo, l’Email dello sviluppatore ed altre informazioni che puoi rifinire anche in un secondo momento.

Ciò che devi invece immediatamente fare è andare sulla scheda Modelli (la selezioni dal menù a sinistra) e scegliere la tua Canvas Page URL (che è l’indirizzo di Facebook della tua applicazione, del tipo: http://apps.facebook.com/nome_applicazione/ ) e la tua Canvas Callback URL (l’indirizzo della tua applicazione sul tuo hosting personale, questa pagina verrà richiamata automaticamente da Facebook).

Fatto questo, un po’ più sotto troverai la voce “Canvas Settings” ed è molto importante che imposti come “Metodi di restituzione” l’FBML e non l’iFrame, altrimenti non saranno disponibili i comandi FBML.
Terminate queste poche impostazioni puoi cliccare su “Salva modifiche”.

Seppur in maniera approssimativa e superficiale, hai impostato tutto ciò che serve al tuo programma per funzionare su Facebook e per utilizzare il linguaggio FBML (capirai in seguito la sua estrema comodità).

Da ora in poi tutto ciò che inserirai nella pagina “index.php” della root della tua applicazione apparirà sulla pagina http://apps.facebook.com/nome_applicazione/ proprio sotto forma di applicazione Facebook.

La seconda parte della guida finisce qui, ti chiedo davvero scusa se ancora non ho inserito del codice. Avevo intenzione di inserirlo in questa seconda parte ma poi mi sono accorto che sarebbe stato troppo lungo perciò ho deciso di rimandare al prossimo articolo per renderlo anche più pulito.

P.S. Non dimenticarti di lasciare un commento in merito all’articolo. Hai avuto dei problemi o non capisci qualche impostazione? Chiedi aiuto con un commento o nel forum di discussione, sono qui pronto ad aiutarti.

P.P.S. Se non l’hai ancora fatto di consiglio di iscriverti gratuitamente ai Feed RSS per rimanere sempre aggiornato quando viene pubblicato un nuovo articolo su ComputerGeek e non perderti le prossime lezioni.