Quindi vuoi costruire un'applicazione Facebook e raggiungere letteralmente milioni di utenti. Fortunatamente, scrivere un'applicazione usando l'API non è troppo difficile da imparare (per le basi, comunque). In questo tutorial scriveremo un'app di Facebook che genera una citazione casuale da visualizzare sul profilo dell'utente.

Iniziare

Vale la pena notare che l'API di Facebook è disponibile per un certo numero di lingue, tutte elencate nel Wiki di Facebook Developers. Userò PHP 5 per questo tut. Dovrai anche scaricare la libreria client PHP 5, che ho incluso nei file SRC. Tutto il codice descritto qui sarà nel file index.php.

Passaggio 1: inizializza l'app

Il primo passo per ottenere una chiave API di Facebook, che consente alla tua app di recuperare informazioni da Facebook. Vai all'applicazione per sviluppatori di Facebook e fai clic sul pulsante "Configura una nuova applicazione". Scegli un nome, accetta i Termini e condizioni e hai la tua API. Ora è necessario impostare il nome della pagina su tela e l'URL di richiamata.

La tua pagina su tela è l'area applicativa di Facebook; il nome viene aggiunto all'URL e avrà il seguente aspetto: http://apps.new.facebook.com/[NOME APP NOME]. L'URL di richiamata punta al server che ospita i file dell'app. Per impostarli, dalla pagina "Le mie applicazioni" fai clic su "Modifica impostazioni" sul lato destro. Vedrai i campi per riempire entrambi, come ho fatto nella schermata qui sotto. Mentre ci sono molte altre opzioni, nessuna è necessaria per questo tutorial. Fai clic su "Salva" e sei pronto per creare la tua prima app di Facebook. Facebook ti fornisce anche qualche codice di avvio. Ho ritagliato le cose extra e ti ho dato solo ciò di cui hai bisogno per inizializzare la tua app ...

 require_login (); $ callbackurl = 'http://www.casabona.org/nettuts/'; ?>

Questo è un codice abbastanza semplice. Creiamo un oggetto di Facebook utilizzando la nostra chiave API e il segreto dell'app, che ci è stato dato quando abbiamo creato la chiave API. La prima cosa che facciamo dopo è ottenere l'id utente dell'utente che ha effettuato l'accesso. Questo per noi sarà prezioso se facessimo le cose ottenendo il nome dell'utente, gli amici dell'utente, ecc. Ho anche aggiunto il $ callbackurl per semplificare il collegamento a immagini o altri file, poiché Facebook non consente il collegamento relativo.

Passaggio 2: scrivere l'applicazione

Se non facciamo chiamate Facebook specifiche, è come scrivere un'applicazione php. Di seguito è riportato il nostro codice.

 // inizializza una serie di virgolette $ quotes = array ("Solo chi osa fallire di molto può mai ottenere grandi risultati.", "Prendi mia moglie, per favore!", "Credo che ciò che non ti uccide ti renda solo ... STRANGER "); // Seleziona uno casuale. $ i = rand (0, sizeof ($ quotes) -1); // stampa la stampa CSS ('  '); stampa "
Citazioni di Nettuts
"; stampa"
". $ preventivi [$ i]."
";

Questo è tutto ciò che devi fare per stampare sulla pagina della tela. Una cosa da notare è il modo in cui creiamo i CSS. Non possiamo chiamare un file come style.css- in realtà dobbiamo includere il CSS nell'HTML. Questo è così il nostro CSS non interferisce con quello di Facebook. Dovresti anche sapere che quando si disegnano div, si può usare solo la classe, non l'id. Il codice che abbiamo creato produrrà qualcosa di simile a questo:

Passaggio 3: creazione della casella del profilo

Infine, alcune cose specifiche di Facebook. Il codice sottostante è necessario per aggiungere la nostra offerta al profilo dell'utente, a condizione che stiano visualizzando la nostra app nel proprio profilo. Nella nostra app, ho aggiunto il seguente codice qui sotto $ i = rand (0, sizeof ($ quotes) -1);

 // prepara la stringa per la casella del profilo $ text = ('  '); $ Testo. = ('
'. $ virgolette [$ i]. '
'); // imposta il testo del profilo $ facebook-> api_client-> profile_setFBML ($ text, $ user_id);

Notate che ho fatto due cose qui: ristampato il CSS e messo tutto in una stringa chiamata $ testo. Questo perché la funzione che imposta il testo della casella del profilo, profile_setFBML, prende due argomenti: il testo che dovrebbe andare nella casella del profilo e l'id dell'utente. Qualsiasi CSS definito per la pagina canvas non viene trasferito al profilo, quindi dobbiamo aggiungerlo anche al nostro primo argomento. Il risultato finale è questo:

Questo è tutto!

Ovviamente abbiamo solo scalfito la superficie per quanto riguarda lo sviluppo delle applicazioni di Facebook. Tuttavia, con il Wiki e le risorse che ti dà Facebook quando ottieni una chiave API, dovresti essere sulla buona strada per creare la prossima grande app! Se vuoi dare un'occhiata a questa app in tutta la sua gloria, puoi andare qui, basta che tu abbia un account Facebook.