Come creare un applicazione per FaceBook 375





In quest’ultima settimana ho studiato le api di facebook e ho incominciato a giocherellare creando qualche applicazione. Ho notato però, che in rete non c’è molta documentazione, specialmente in italiano. Per realizzare un’applicazione per facebook abbiamo bisogno di :

  • Un account su facebook
  • L’applicazione per lo sviluppo di facebook (Facebook Developer).
    Per installarla fare click su ‘Add Facebook Developer Application’
  • Un server con php5 Se non lo abbiamo, si può utilizzare un server gratuito
  • La libreria per php5 di facebook.

UPDATE : Versione aggiornata dell’articolo su : Come creare un applicazione per FaceBook (senza librerie php)

Una volta soddisfatti questi requisiti possiamo iniziare :


  1. Aprire l’applicazione ‘Facebook Developer’ e cliccare su ‘Setup New Application’ f01
  2. Quindi nella nuova schermata aggiungere il nome dell’applicazione (1) , accettare i termini del contratto e cliccare sul link ‘Optional Fields’ (2) per aprire un nuovo pannello per inserire il resto delle informazioni
    f02
  3. Nella sezione ‘Optional Fields’ inserire
    1 ) l’indirizzo di callback , ovvero l’indirizzo dove risiede la nostra applicazione, qualcosa tipo www.miosito.it/nomeapplicazione/
    2) il nome che identifica l’applicazione in facebook (può coincidere con quello della tua applicazione, se non è stato già assegnato)
    3) Selezionare some tipo di applicazione ‘Web Site’
    4) Selezionare ‘YES’ per indicare a Facebook, che la tua applicazione può essere aggiunta dagli utenti.
    Quest’ultima opzione aprirà una nuova sezione da riempire
    f03
  4. Nella nuova sezione riempire solo i seguenti campi:
    1)Inserire il link a cui gli utenti verranno indirizzati dopo aver aggiunto la nostra applicazione ovvero : http://apps.facebook.com/nomeapplicazione
    2)Inserire un testo che vogliamo venga visualizzato nel profilo utente se non è specificato dalla nostra applicazione (es. ‘Ciao Mondo’)
    3)Inserire il link della nostra applicazione su facebook ovvero : http://apps.facebook.com/nomeapplicazione
    4) lasciamo gli altri campi invariati e clicchiamo su ‘Submit’
    f04

A questo punto la nostra applicazione è stata creata e FaceBook gli assegnato dei valori che dobbiamo segnarci, perchè dobbiamo inserirli nel nostro programmino presente sul nostro server. I valori sono la chiave dell’applicazione (API KEY) ed un numero segreto (SECRET). Per vedere questi valori andare nella lista delle ‘mie applicazioni

Ora dobbiamo creare la nostra applicazione vera e propria, per farlo scarichiamo la libreria php5 per facebook , e copiamo il file facebook.php sul nostro sito e creiamo due file : ‘appinclude.php’ e ‘index.php

appinclude.php

ovviamente inseriamo i valori della chiave dell’applicazione (API KEY), il numero segreto (SECRET) e l’indirizzo corretto del nostro sito.


index.php

Il nucleo della nostra applicazione e tutto nel file index.php, per ora ci limitiamo a scrivere un breve messagio, nei successivi articoli, vedremo di creare qualcosa di più interessante.

Ora la nostra applicazione è identificata da due indirizzi:

  • http://www.miosito.it/nomeapplicazione/ : indrizzo di callback (che viene chiamato da facebook direttamente)
  • http://apps.facebook.com/nomeapplicazione/ : indirizzo del applicazione su facebook (canvas url)

Per provarla utilizziamo uno dei due indirizzi ed aggiungiamo l’applicazione al nostro account facebook.
Se tutto è andato bene, dovremmo vedere ‘ciao ‘ seguito dal nostro nome, mentre se andiamo nel nostro profilo vi sarà una nuova sezione ‘nomeapplicazione’ con all’interno il messaggio ‘Ciao Mondo’.

Attenzione: Nel copiare ed incollare il codice, state attenti agli apici!

Link : Gennaro Varriale su Facebook:

Seguimi su twitter : @ironico

375 thoughts on “Come creare un applicazione per FaceBook

  1. Reply tyler feb 9,2009 15:02

    FBML Error (line 4): illegal tag “noscript” under “fb:canvas”
    cmq questo errore lo vedo solo io gli altri no..
    ora pero’ non capisco perchè’ un utente quando accede all applicazione esce pagina non trovata. IO pero’ la vedo esattamente. grazie

  2. Reply Gennaro Varriale feb 8,2009 18:02

    @marco: la documentazione non è il massimo per le api di facebook.
    Non puoi avere gli amici degli amici. Cmq il parametro uid si passa in un array. ( prova array($uid) o array(‘uid’=>$uid) ) . Ma in questo caso viene ignorato
    @tyler: controlla bene la sintassi del tuo codice..

  3. Reply marco feb 8,2009 17:37

    volendo ci sarebbe proprio molto da scrivere su come sviluppare per facebook… ho appena finito di risolvere un problema e ho scoperto che la wiki era imprecisa….! Inoltre mancano esempi validi. Sto cercando di ottenere gli amici degli amici, e per farlo vorrei usare la funzione friends_get(): ho visto che se uso il parametro uid posso farmeli restituire.. ma come si inseriscono i parametri?! sulla wiki non c’è scritto! Puoi per caso aiutarmi? complimenti per gli articoli, ho iniziato a programmare grazie a loro :)

  4. Reply tyler feb 8,2009 15:48

    il problema precedente hp risolto pero’ rimane questo errore :

    Errori durante il caricamento della pagina dall’applicazione
    Errori di analisi:
    FBML Error (line 4): illegal tag “noscript” under “fb:canvas”

    grazie per l aiuto

  5. Reply Gennaro Varriale feb 7,2009 09:50

    @tyler: Controlla che nella cartella client vi sia una sottocartella jsonwrapper contenente il file jsonwrapper.php

    @simmons:
    $facebook->api_client->profile_setFBML(NULL, $uid, ‘dati profilo’, NULL, null, ‘dati profilo’);

    @tutti: mancano 2 giorni a SlideWall ! Maggiori informazioni su SlideWall.com

  6. Reply simmons feb 6,2009 20:31

    Profile.setFBML
    non riesco a capire come si fa…

  7. Reply tyler feb 6,2009 14:29

    Ciao ho creato seguendo i tuoi passi pero’ anche se mi esce l user mi da questi 2 errori :

    PHP Error Message

    Warning: include_once(jsonwrapper/jsonwrapper.php) [function.include-once]: failed to open stream: No such file or directory in /home/a1599255/public_html/gioco/facebookapi_php5_restlib.php on line 35

    Warning: include_once() [function.include]: Failed opening ‘jsonwrapper/jsonwrapper.php’ for inclusion (include_path=’.:/usr/lib/php:/usr/local/lib/php’) in /home/a1599255/public_html/gioco/facebookapi_php5_restlib.php on line 35

    Grazie per eventuali aiuti

  8. Reply Gennaro Varriale feb 6,2009 10:02

    @simmons: devi usare Profile.setFBML

  9. Reply simmons feb 5,2009 22:55

    salve!
    grazie per l’articolo.
    non riesco a fare una cosa. Ho creato un’applicazione che vorrei si potesse aggiungere al profilo. ma non riesco a farlo.
    l’applicazione è http://apps.facebook.com/geologicpedia/
    grazie mille.

  10. Reply Gennaro Varriale feb 5,2009 20:39

    #Luca: non è un problema di api. Riscaricati il client per sicurezza comunque. Sicuro di avere il php 5 sul server?

  11. Reply Luca Gorini feb 5,2009 17:03

    bo non capisco forse le api sono state aggiornate,
    l’errore che mi da quando accedo all’applicazione è questo:
    Parse error: syntax error, unexpected T_STRING, expecting T_OLD_FUNCTION or T_FUNCTION or T_VAR or ‘}’ in /membri/bevi/myagend/facebook.php on line 38

    grazie…

  12. Reply Gennaro Varriale feb 3,2009 10:11

    @Simoxxx: Si, sono sufficienti. Ora devi aspettare 3-5 giorni per l’approvazione. E’ la normale procedura

  13. Reply Simoxxx feb 3,2009 10:07

    Ciao, ho creato una semplice applicazione di test, in cui, per il momento, viene soltanto visualizzato l’id dell’utente che vi accede: http://apps.facebook.com/test_fcbk/
    Vorrei capire come fare per aggiungerla Directory applicazioni: so che vi devono accedere almeno 5 contatti, e ieri dal pannello di controllo risultavano. I contatti non erano tutti miei, ma ad esempio amici di amici… visto che l’applicazione non era nella directory ho pensato che i 5 contatti dovevano essere tutti del mio account, così ho provveduto.
    Oggi nell’interfaccia dell’applicazione è visualizzato:
    Directory Status: Approval Pending
    This application was submitted for approval to the Application Directory alle 9.55. Edit your entry.
    E’ il segnale che i contatti sono sufficienti? Quando/come saprò se l’applicazione è stata inserita in quella directory?
    Grazie!

  14. Reply Gennaro Varriale feb 2,2009 19:56

    @rocco: Devi essere più preciso altrimenti non posso risponderti correttamente. In generale puoi condividere un feed tramite l’applicazione note di facebook. Oppure è possibile creare un applicazione che carica articoli da un sito o che si aggiorni in automatico. E’ possibile fare di tutto, rispettando certe limitazioni o aggirandole con qualche trucco.

  15. Reply rocco feb 2,2009 18:47

    ciao.
    scusami la domanda ma sarebbe possibile utilizzare l’applicazione per condividere un articolo del sito sul mio profilo?

  16. Reply dany gen 28,2009 08:19

    in che senso in un. non ho capito :D

  17. Reply Gennaro Varriale gen 27,2009 19:14

    @DanY: inserisci la form in un <fb:iframe>.

  18. Reply danY gen 27,2009 18:52

    ciao gennaro ho inserito il video swf come mi hai detto tu e funziona tutto alla perfezione, nel video però ho messo un piccolo form che manda una mail ad una mia mail con i campi del form, solo che aprendolo dal mio sito funziona, mentre dall applicazione di facebook nn va. Sai per caso quale potrebbe esser il motivo??

  19. Reply Mayra gen 26,2009 14:15

    Ciao ho trovato una applicazione su facebook in spagnolo dove venivano visualizzai i nomi dei tuoi amici e delle domande a risposta multipla su di loro a cui dovevi risp dopodiche ogni utente iscritto rispondendo a delle domande sommava dei punti raggiuno un tot di punti poteva vedere le risposte date dei suoi amici su di lui, volevo creare questa specie di gioo in italiano visto che nn sono riuscita a trovarla, sapresti spiegarmi come si crea questo tipo di applicazione?
    grazie in anticipo

    • Reply Gennaro Varriale gen 26,2009 15:36

      @Mayra: Devi creare un applicazione php che si colleghi ad un database mysql, estrapolare i dati e restituirne i risultati, usando ajax per renderlo dinamico.

  20. Reply Gennaro Varriale gen 22,2009 15:05

    @elvis: Trascina l’icona dal browser al tuo desktop, quando visiti il sito http://www.facebook.it e verrà creata un icona sul tuo pc. Per la ricerca, loggati con nome e password e in alto a destra inserisci il nome del tuo amico e premi invio.

  21. Reply elvis gen 21,2009 22:25

    come faccio ad aprire facebook una volta iscritto? posso trovare un’icona e portarla sul descktop.Come faccio atrovare qualche amico/a con cui comunicare.Mi sono iscritto ora grazi a chi mi sa dare informazioni

  22. Reply Gennaro Varriale gen 19,2009 14:58

    @Piero: Semplice, vai nel modulo contatti e richiedi un preventivo.

  23. Reply piero gen 19,2009 14:48

    vorrei sapere come si fa a creare tipo un fantacalcio su facebook mo lo puoi spiegare???grazie

  24. Reply Gennaro Varriale gen 15,2009 16:27

    @Luca: Devi usare Profile.setFBML.

  25. Reply Luca gen 15,2009 15:33

    Ciao, vorrei creare un’applicazione che permetta di inserire automaticamente nello stato di un utente una frase del tipo:

    Utentexxx is the 84,774th person to join the cause XXXXX Join them: http://apps.facebook.com/causes/join/xxxx.

  26. Reply Gennaro Varriale gen 15,2009 15:18

    @danY:sostituisci echo “ciao” con echo “<fb:swf swfsrc=’http://ILTUOFLASH’ width=’NNN’ height=’NNN’ />”;

  27. Reply danY gen 15,2009 14:58

    ciao gennaro io vorrei inserire nella mia applicazione un video .swf oppure un collegamento url ad una pagina in modo che poi entri nel sito(non so se si puo fare)… ho seguito la tua procedura nel primo step son riuscito a crear la mia applicazione e a scrivere “ciao” ;) riesci a mandarmi un paio d righe di codice da mettere per far quelle cose li? di questo linguaggio non conosco niente purtroppo :(

  28. Pingback: Gli amici - Come creare un applicazione per FaceBook (parte 2) « Gennaro Varriale »

  29. Reply Gennaro Varriale gen 4,2009 15:34

    @Alessandro: Aspetta che si aggiornino i dati di facebook, a volte rimangono bloccati. Se persiste il problema potrebbe essere che l’applicazione è aperta, e quindi non necessaria l’approvazione da parte dell’utente. Di conseguenza non viene aggioranato il numero di utenti totali.

  30. Reply Alessandro gen 4,2009 12:42

    Ciao Gennaro,
    ho un problema con i quiz di facebook, che credo sia ricorrente.
    Dopo aver creato il quiz, ho chiesto a più di 10 amici di condividerlo.
    Ora mi risulta che ci sono 9 utenti attivi mensilmente, un fan, ma 0 utenti totali.
    Quindi ora mi chiedo, qual’è la procedura esatta per condividere il quiz? e soprattutto, come faccio ad avere sti benedetti 5 utenti??

    Grazie anticipatamente…

Leave a Reply to danY Cancel Reply

  

  

  

Login with:
Powered by Sociable!

Per essere informato sui miei contenuti - Email: