Come impostare un'applicazione lettore RSS di Facebook per il tuo blog - Pagina 2

3 Imposta la libreria client PHP5

Ora scaricheremo la libreria client PHP nella directory del nostro sito web dove si troverà la nostra app lettore di feed (ad es. http://fb.howtoforge.com/fb/htf_feed_reader/). In questo esempio presumo che la root del documento di fb.howtoforge.com sia /var/www (regola i seguenti comandi se la tua è diversa). Quindi prima creiamo la directory /var/www/fb/htf_feed_reader:

mkdir -p /var/www/fb/htf_feed_reader

Poi scarichiamo la libreria client PHP e la scompattiamo:

cd /var/www/fb/htf_feed_reader  
wget http://developers.facebook.com/clientlibs/facebook-platform.tar.gz  
tar zxvf facebook-platform.tar.gz

Questo crea la directory facebook-platform/ con la sottodirectory client/ che contiene le librerie client per PHP 5 (facebook.php e facebookapi_php5_restlib.php). Copiamo questi due file in /var/www/fb/htf_feed_reader e cancelliamo facebook-platform.tar.gz e facebook-platform:

cp facebook-platform/client/facebook.php .  
cp facebook-platform/client/facebookapi_php5_restlib.php .  
rm -rf facebook-platform.tar.gz facebook-platform

4 La nostra prima semplice applicazione

Ora possiamo scrivere la nostra prima app, molto semplice. Prima, creiamo il file appinclude.php che contiene alcune impostazioni di base come la chiave API, il segreto e l’URL di callback, e che includeremo in tutti i file della nostra app:

vi /var/www/fb/htf_feed_reader/appinclude.php

| require_login(); //[todo: cambia il seguente url con il tuo url di callback] $appcallbackurl = 'http://fb.howtoforge.com/fb/htf_feed_reader/'; //cattura l'eccezione che viene sollevata se il cookie ha un session_key non valido try { if (!$facebook->api_client->users_isAppAdded()) { $facebook->redirect($facebook->get_add_url()); } } catch (Exception $ex) { //questo cancellerà i cookie per la tua applicazione e li reindirizzerà a un prompt di accesso $facebook->set_user(null, null); $facebook->redirect($appcallbackurl); } ?> |

Poi creiamo index.php, il file che verrà eseguito quando viene chiamato l’URL di callback (http://apps.facebook.com/htf_feed_reader). In questo semplice esempio, stamperà solo qualcosa come hello più l’ID utente di Facebook:

vi /var/www/fb/htf_feed_reader/index.php

| hello $user

Ora apri un browser e digita l’URL di callback (http://fb.howtoforge.com/fb/htf_feed_reader) o l’URL della canvas (http://apps.facebook.com/htf_feed_reader) della tua applicazione. In entrambi i casi, dovresti essere reindirizzato a una pagina come questa:

Clicca sul pulsante Accedi a HowtoForge RSS Feed Reader. Nella pagina successiva, lascia tutte le caselle di controllo selezionate e clicca su Aggiungi HowtoForge RSS Feed Reader per installare questa applicazione nel tuo account:

Quando un’app viene installata, la prima cosa che accade è che viene chiamato l’URL di callback (http://fb.howtoforge.com/fb/htf_feed_reader), quindi dovresti aspettarti di vedere qualcosa come hello . E davvero, succede, il che significa che la nostra configurazione funziona:

Nella tua pagina profilo, ora dovresti trovare il HowtoForge RSS Feed Reader nella colonna larga (che visualizza il FBML predefinito che abbiamo specificato quando abbiamo impostato l’applicazione su Facebook - la nostra semplice app non produce ancora il proprio FBML) così come una voce di menu per esso nella navigazione a sinistra:

Ora modifichiamo un po’ index.php e aggiungiamo un campo di input dove puoi inserire del testo che verrà poi visualizzato nella pagina profilo invece del FBML predefinito:

vi /var/www/fb/htf_feed_reader/index.php

| hello $user

Come vedi, il FBML sulla pagina profilo può essere cambiato con la funzione $facebook->api_client->profile_setFBML().

Ora vai di nuovo alla pagina canvas della tua applicazione (http://apps.facebook.com/htf_feed_reader nel mio caso). Dovresti ora vedere una casella di testo sotto la riga hello …:

Inserisci del testo e clicca sul pulsante Visualizza testo sul profilo:

Poi vai di nuovo alla tua pagina profilo. Dovresti ora trovare il testo che hai inserito nella casella di testo:

Nel prossimo esempio utilizziamo mock-AJAX per aggiornare dinamicamente i contenuti della pagina canvas e del profilo:

vi /var/www/fb/htf_feed_reader/index.php

| hello $user

Sulla pagina canvas, ora dovresti vedere la nuova casella di testo:

Digita del testo e premi il pulsante Disegna testo sotto…

…e il testo dovrebbe apparire immediatamente sotto il pulsante:

La stessa funzionalità è ora disponibile sulla pagina profilo: