Come creare un applicazione per FaceBook - -oldpost-





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:

 

375 pensieri su “Come creare un applicazione per FaceBook - -oldpost-

  1. 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?

  2. @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.

  3. 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?

    1. @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.

  4. 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

  5. @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

  6. 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?

  7. 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

  8. 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

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

    Non c’e’ nella pagina che appare.

  10. @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.

  11. 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

  12. 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

  13. 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

  14. @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 (“)

  15. 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 >

  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 ;)

  17. 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

  18. 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!??

Rispondi a Gennaro Varriale Annulla risposta

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *