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 Gennaro Varriale apr 16,2009 21:32

    @paolo: nello stesso modo in cui si fa in html. (Il tag a )

  2. Reply paolo apr 16,2009 17:08

    Ciao , ho un piccolo problema , come faccio a creare un link su facebook

  3. Reply Gennaro Varriale apr 14,2009 12:23

    @francesca: ciao, devi inserirla nella directory delle applicazioni (“submit application”). Quando verrà accettata dallo staff di Facebook, avrai meno limiti

  4. Reply alessandra apr 13,2009 09:26

    Ciao, ho creato un’applicazione ma ora non mi fa invitare piu’ di 3 amici e non compare neanche trai i campi della “ricerca”
    Perche?

  5. Reply Gennaro Varriale apr 7,2009 14:49

    @kevinmeck: Stai usando un generatore di quiz, e molto probabilmente dopo aver creato una applicazione standard con le tue domande, ti chiede di inserire i dati dove risiede la tua futura applicazione.
    Segui i passi che ti indica, in teoria devi creare un applicazione con un nome e facebook ti restituisce almeno due valori (CHIAVE DELL’APPLICAZIONE’, ‘NUMERO SEGRETO’).
    Un pò come descritto in questo articolo.

  6. Reply kevinmeck apr 7,2009 10:42

    gennaro scusami il disturbo, io stavo creando un quiz per facebook, sono arrivato all’ultima sezione dove mi dice che ci sono quei 4 passagi da eseguire per forza….cioè ho creato tutto il quiz domande e risposte e riusulati…poi quando mi chiede quai codici cosa devo inserire?

  7. Reply Melly mar 26,2009 14:23

    XD non volevo che me la realizzassi,volevo solo capire come procedere e se si poteva fare ;) grazie lo stesso ciao

    • Reply Gennaro Varriale mar 26,2009 14:56

      @Melly: infatti, ti ho chiesto maggiore informazioni per poterti aiutare.
      Se intendi creare una piccola apps che redirecta alla tua chat java che si trova in un tuo sito, allora è molto semplice.
      Se intendi embeddare la chat java all’interno dell’apps la risposta è no.
      Se intendi inserirla con qualche espediente , si può fare.
      Se intendi integrarla con le api di facebook per interagire con i tuoi utenti, si può fare ma con una programmazione più avanzata.

      Questo intendo per maggiori informazioni, ovvero evitare di interpretare le domande che mi pongono, e mirare ad una risposta più precisa ed immediata.

  8. Reply Gennaro Varriale mar 26,2009 09:56

    @Melly: Non realizzo applicazioni gratuitamente.Se vuoi un aiuto ,volentieri, inviami un messaggio dall’area contatti, e ti risponderò su come procedere.

  9. Reply Melly mar 25,2009 15:03

    Ciao vorrei creare un applicazione che porti alla mia chat in java è possibile? non sono proprio in grado di crearla e non so se si può fare mi daresti una mano? sono negata con queste cose scrivimi pure via mail grazie mille così ti spiego tutto

  10. Pingback: Inviare Notifiche Personalizzate su Facebook

  11. Reply Gennaro Varriale mar 17,2009 16:12

    @Federica: Devi realizzare un’applicazione che ti permette di far ciò. Mandami un messagio (dalla sezione Contact di questo sito) con un esempio di struttura che ti riferisci e ti potrò dare maggiori informazioni

  12. Reply Federica mar 16,2009 10:13

    Cioa vorrei creare un applicazione per la pagina della mia attività su facebook.
    Ho un B&B a roma e ho visto che altre strutture hanno inserito un box di richiesta informazioni direttamente dalla loro pagina facebbok!
    Sai darmi qualche indicazione?

  13. Pingback: Risorse per creare un’applicazione Facebook in PHP | BigThink

  14. Reply Gennaro Varriale mar 5,2009 21:00

    @pasquale: Ottimo;) Strano che Aruba, abbia fatto un downgrade però..che fregatura ;)

  15. Reply pasquale mar 5,2009 00:56

    chiedo scusa per il commento d prima, ho uppato una shell sui domini e con mio stupore ho visto che aruba ha fatto un downgrade a php 4.4.9 stessa versione utilizzata da altervista.
    problema risolto con netsons

  16. Reply pasquale mar 5,2009 00:45

    ciao gennaro, ottimo tutorial davvero.
    Ho un problema che spero tu possa aiutare a risolvere.
    Premetto che ho seguito alla lettera il tutorial, ma nella fase di prova dello stesso l’errore riscontrato e: Parse error: syntax error, unexpected T_STRING, expecting T_OLD_FUNCTION or T_FUNCTION or T_VAR or ‘}’ in …..facebook.php on line 38

    Ho provato a riscaricare le librerie, ma nulla, ho provato ad hostare i file sia su aruba che su altervisata ma il problema persiste.
    Eppure ho php5, da cosa puo dipendere?
    Saluti

  17. Reply Noixe mar 3,2009 10:07

    Ma dopo aver cliccato su Facebook Developer dove dovrei cercare “Add Facebook Developer Application”?

    Non c’e’ nella pagina che appare.

  18. Reply Gennaro Varriale mar 2,2009 21:36

    @wdex: Il test avviene tenendo l’applicazione fuori della directory, provandola con amici e poi pubblicarla. Puoi anche creare utenti test, ma se lo fai devi seguire una particolare procedura.

  19. Reply wdex mar 2,2009 11:43

    la fase di test delle applicazioni facebook deve essere fatta pubblicando l’applicazione nella directory delle applicazioni facebook oppure esiste una collocazione all’interno della quale testare le applicazioni in sviluppo prima di renderle pubbliche ed utilizzabili?

    Grazie

  20. Reply wdex mar 2,2009 09:34

    salve,

    come è possibile testare le applicazioni in sviluppoù’

    Grazie

  21. Reply Raf feb 15,2009 21:51

    già controllato ma ho paura ke sia un errore di sintassi perkè i percorsi sono giusti nei file sono giusti ma li il percorso ke da membri/cisafcomo/concorso non esiste e non è scritto da nessuna parte

  22. Reply Gennaro Varriale feb 15,2009 14:02

    @raf:controlla bene i file ed i percorsi: “facebookphp”–>”facebook.php”

  23. Reply raf feb 14,2009 20:12

    ciao il problema delle virgolette etc l’ho messo a posto alla fine ho deciso di iniziare a scrivere pensando con la mia testa e senza fare copia incolla

    ora l’unica cosa ke non capisco è questo errore

    Fatal error: main() [function.require]: Failed opening required ‘‘facebookphp’’ (include_path=’.:’) in /membri/cisafcomo/concorso/appinclude.php on line 2

  24. Reply Gennaro Varriale feb 14,2009 15:57

    @Raf: Più base di quello di questo articolo..non c’è nulla..controlla gli apici, il copia e incolla li traduce in caratteri diversi , modificali a mano.Usa il singolo apice (‘) o il doppio apice (“)

  25. Reply Raf feb 14,2009 15:33

    ciao io sto provando a creare un applicazione ma mi da sempre problemi con il codice tu mi sai dare un codice di base solo per vedere se funziona?
    anke il tuo mi da unexpecte >

  26. Reply Gennaro Varriale feb 14,2009 00:16

    @simmons: per farla apparire devi spostare il profilo nella giusta posizione. Narrow sarebbe il box piccolo nella pagina riquadro. Comunque per capire bene le varie opzioni, ti conviene studiarti le wiki per bene ;)

  27. Reply simmons feb 13,2009 16:14

    guarda… mi dispiace tantissimo ma ti devo scocciare ancora!
    ma prima ti ringrazio per il grande aiuto!

    se uso

    This text appears only in the narrow column.

    questa frase non mi appare da alcuna parte!…..quando importo sul profilo mi appare semplicemente profile_main

  28. Reply Gennaro Varriale feb 13,2009 15:20

    @simmons : La lista di tutti i tag FBML disponibili la trovi qui lista tag Fbml

  29. Reply simmons feb 13,2009 14:44

    non riesco a capire come far capire a facebook quale sia il codice da inserire nel FBML.
    ci sono dei tag o cosa?

    ma c’è una guida scritta bene per usare le api di facebook…..sul loro sito non si capisce nulla danno troppe cose per scontate!??

  30. Reply tyler feb 11,2009 18:49

    risolto problema ruguardo canvas . Saluti

Leave a Reply to diego Cancel Reply

  

  

  

Per essere informato sui miei contenuti - Email: