Sviluppare Applicazioni per Facebook



Facebook Developer

Come Social Network, Facebook ti mette a disposizione gli strumenti necessari per sviluppare una propria applicazione, che può essere condivisa con gli altri utenti.

Perchè lavorare su questo progetto?
Diversi possono essere i motivi per sviluppare applicazioni di questo genere, alcuni di questi però possono interessare i webmaster che vogliono far conoscere il proprio sito e aumentare il traffico su di esso:

  1. Tenersi aggiornato sulle ultime novità del sito.
  2. Sviluppare un gioco correlato al sito (la cui soluzione è inserita però nel sito)
  3. Sondaggi. Il cui risultato può essere un utile informazione per operazione di web-marketing.
  4. Facebook è un’ottima vetrina. Sviluppare un’applicazione molto interessante può essere occasione per mettersi in mostra.
  5. Diletto.

Materiale di Lavoro:
Qui si seguito sono elencati i requisiti/conoscenze minimi per raggiungere il nostro scopo:

  1. Un host che ti permetta di rendere disponibile il tuo codice (un host italiano che mi permetto di segnalare è netsons, che oltre a fornirti il supporto per il linguaggio PHP ti permette anche di usare il dabase MySQL gratuitamente);
  2. Conoscenze di PHP (ed eventualmente anche di SQL, se hai intenzione di usare il database);
  3. Un profilo in Facebook.

Procedimento:

  1. Andare su http://developers.facebook.com/
  2. Cliccare su ‘Get Started
  3. Cliccare su ‘Add Facebook Developer Application
  4. Adesso nel vostro profilo dovrebbe esserci inserita l’applicazione ‘Developer‘ (probabilmente in more), cliccateci sopra.
  5. Per crere la vostra applicazione cliccar su ‘Set Up New Application‘ (in alto a destra).
  6. Decidete il nome della vostra applicazione, selezionate la checkbox sottostante e proseguite.
  7. Adesso siete nella homepage del vostro progetto (quella di seguito è il mio progetto di prova).

Home Progetto

Impostare tutti i parametri correttamente:
Adesso è giunto il momento di utilizzare il nostro spazio web. Per convenzione sarà: http://www.mio.netsons.org (visto che ho fatto riferimento a questo serivizio prima). Creiamo ‘apps/prova/‘, la cartella dove saranno contenuti i sorgenti della nostra applicazione.

In fondo alla pagina del progetto su Facebook dovete scaricare il pacchetto di sviluppo cliccando su ‘Download Sample Application‘.

Del pacchetto appena scaricato a voi interessa (ed estraete):

  • facebook-platform/client/facebook.php
  • facebook-platform/client/facebookapi_php5_restlib.php

Sempre nella stessa cartella dove avete estratto i due precendenti file create un nuovo file ‘appinclude.php‘, con il seguente codice:

<?php
require_once ‘facebook.php’;
$appapikey = ‘[your api_key]‘;
$appsecret = ‘[your secret]‘;
$facebook = new Facebook($appapikey, $appsecret);
$user = $facebook->require_login();
//[todo: change the following url to your callback url]
$appcallbackurl = ‘http://www.mio.netsons.org/apps/prova/‘;
//catch the exception that gets thrown if the cookie has an invalid session_key in it
try {
if (!$facebook->api_client->users_isAppAdded()) {
$facebook->redirect($facebook->get_add_url());
}
} catch (Exception $ex) {
//this will clear cookies for your application and redirect them to a login prompt
$facebook->set_user(null, null);
$facebook->redirect($appcallbackurl);
}

?>

Dove:

  • Al posto di [your api_key] ci va quello creato dal progetto (nella figura è: 457e46dxxxxxxxx)
  • Al posto di [your_secret] ci va il codice creato dal progetto (nella figura è: 99de34xxxxxxxx)
  • Il valore di $appcallbackurl deve essere la cartella dove risiederanno i sorgenti della tua applicazione.

Create adesso un ultimo file (che è il risultato dell’applicazione) ‘index.php‘, con queso codice di esempio:

<?php
require_once ‘appinclude.php’;
echo “<p>Hello World</p>”;
?>

Fate l’upload dei 4 files in http://www.mio.netsons.org/apps/prova/ ed il grosso del lavoro è stato fatto. Adesso dobbiamo impostare gli ultimi parametri, per fare questo spostiamo nell’homepage del progetto su facebook. Cliccate su ‘Edit Settings‘. Come riempire i parametri indispensabili:

  1. Callback url: http://www.mio.netsons.org/apps/prova/
  2. Canvas Page url: inserite un nome, che sarà l’indirizzo dal quale sarà possibile raggiungere (ed eventualmente aggiungere) direttamente la vostra applicazione su facebook.
  3. Can your application be added on Facebook?: mettete Yes
  4. Icon: selezionate un’icona di vostro piacere per la vosta applicazione.
  5. Who can add your application to their Facebook account?: Spuntate Users
  6. Post-Add Url: inserite lo stesso link presente nel punto 2.
  7. Default FBML: è il testo che verrà visualizzato nel profilo di chi aggiungerà la vostra applicazione.
  8. Side Nav Url: inserite lo stesso link presente nel punto 2.

Salvate tutto e adesso provate a vedere il risultato!

Questa è solo una mini-guida introduttiva per sviluppare applicazioni in Facebook, in rete trovate tanti tutorial di approfondimento per creare progetti non solo con PHP, ma anche Ruby, Java, ecc… Buona navigazione e buon divertimento.

Risorse:

Annunci sponsorizzati:
Condividi su Facebook Condividi su Twitter!
  • grazie.. utile ed essenziale.
    mi è servita

  • Se può interessarvi su Uazoo è nato il forum su facebook dove sviluppatori di applicazioni possono aiutarsi e presentare le loro creazioni

  • Noixe

    Per quanto riguarda la configurazione delle impostazioni quanto c’e’ scritto qui non coincide con quanto richiesto dall’applicazione, credo che questa guida sia un po’ vecchia.

  • Sto cercando uno sviluppatore applicazioni facebook, nonchè programmatore,con tempo e voglia, con cui collaborare alla creazione di progetti personali interessanti da condividere, per generare soldi e utenti.

  • Sto cercando uno sviluppatore applicazioni facebook, nonchè programmatore,con tempo e voglia, con cui collaborare alla creazione di progetti personali interessanti da condividere.

  • Tommaso

    Non trovo ‘Download Sample Alpplication”.. perchè?? Hanno cambiato qualcosa??

  • Pingback: Crea la tua applicazione facebook in pochi minuti | Il nuovo Archimede()

  • sviluppo di applicazioni per iphone e ipad

  • Cristian

    non trovo Add Facebook Developer Application‘

Pinterest