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 thoughts on “Come creare un applicazione per FaceBook - -oldpost-

  1. Interessante tutto questo!
    C’è una cosa che vorrei sapere,ma non riesco a trovare risposte in giro da nessuna parte.
    In particolare mi interessa sapere se posso aprire un gruppo su Fb, invitando altri ad iscriversi (per esempio un gruppo sulla passione per la vela o cose così) e poi posso occultarlo, nel senso di renderlo visibile solo a chi dico io e non a chiunque lo cerchi in fb.
    Inoltre vorrei sapere se i moderatori della pagina (io ed altri due amici) possono monitorare le visite e sapere anche la provenienza geografica (oppure l’ip ecc…)

    Ti risulta che sia possibile fare queste due cose?

    Grazie mille per la risposta, spero che almeno tu possa aiutarmi!

  2. ciao a tutti
    premetto che sono ignorante in materia..
    ho provato a creare un test in facebook
    però mi dice: You need to have at least 5 total users or 10 monthly active users before you can submit your application.

    cosa bisogna fare?
    cosa devo inserire?

    in attesa di una risposta
    cordiali saluti,
    Marco

  3. ciao vorrei creare un profilo di facebook della mia attivita, solo che qunado gli do il nome non me lo accetta perche mi chiede di inserire il vero nome e cognome… come posso fare?

  4. @igorPezzi: copia il link dal tuo profilo di facebook ed inseriscilo in un link nel tuo sito, tramite il tag html a.
    @tatone: Il consenso l’utente la dà alla tua applicazione, che con oppurtune chiamate alle api, può estrarre i dati che ha a disposizione. Per aggiungere un amministratore devi andare nel pannello di controllo dell’applicazione, (le schermate di questo articolo).

  5. ciao vorrei un aiutino perfavore.
    o creato un quiz e va tutto bene, ma per vedere i profili ,le foto ecc ecc come si fa? vedo sempre che quando si fa un quiz, si da il consenso a visualizzare tutto profilo ecc, il consenso lo si da all aplicazione. ma l aplicazione cioe io che lo creato? un altra domanda, per mettere un altro amministratore del quiz come si fa? ultima domanda la guida scritta da gennaro variale serve solo per chi vuole mettere l aplicazione sul proprio sito web, o serve anche chi lo usa solo su facebook?
    grazie

  6. Ciao Sono Giuseppe
    Vorrei sapere se puoi aiutarmi.
    Vorrei collegare a un pulsante del mio sito la possibilità di entrare direttamente nel mio Facebook, magari senza L’iscrizione, per dare la possibilità a tutti di entrare direttamente a visitare il mio FC dal mio sito Grazie

  7. …può dipendere dal server sul quale gira l’app.?? Nel senso che ho provato a sostituire l’url dell’img con una qualsiasi beccata in rete bene così funge: ERGO non è la sintassi. :-((
    P.S. l’app gira su ALTERVISTA. Grazie ancora e scusa per il disturbo.

  8. Ciao Gennaro, un piccolo aiuto su tag img?? Facebook non visualizza l’immagine renderizzando perfettamente..”credo”.. il tag.
    Ti lascio anche lo stralcio di codice dove il tutto avviene:

    <?php
    include(“config.inc.php”);
    require_once ‘appinclude.php’;

    echo ” . file_get_contents(‘css/stile.css’, true) . ”;
    print ”;
    echo “”;
    echo ” “;
    $filename = “img_prodotti/img_”.$_REQUEST[‘codice’].”.jpg”;

    if (file_exists($filename)) {
    echo “”;
    } else {
    echo “”;
    }
    Come vedi ho provato ad inserirla con print, echo, dentro la tabella, fuori, manipolando gli apici e i doppi apici, ma NADA.
    Visualizzando il risultato del render di FB tutto sembra OK. Grazie anticipate.

  9. Ciao e complimenti per il lavoro che svolgi…in merito alle FB application in IT siamo ancora molto indietro. Sviluppando un’applicazione sono incappato in questo quesito:
    L’app gira in un fb:iframe. Quando all’interno del frame ho un link ad un’altra pagina, Firefox continua a lavorare nell’iframe mentre il solito Explorer apre un altra pagina facendoti uscire dall’ambiente FB.
    Ho notato tra l’altro che ciò accade solo se la pagina php richiamata include all’interno dello script la chiamata a require_once ‘appinclude.php’;. Inutile dire poi che il nuovo task di explorer non beneficia delle variabili POST che gli vengono inviate dalla pagina precedente. Grazie dell’ascolto e se puoi qlc. sugg.

  10. @Maury: Gli apici sono stati scambiati dal Syntax Highlighter di wordpress, e non me ne sono accorto.
    @igorravasi: $user mostra l’id dell’utente, per quest’articolo iniziale era quello che volevo. Se vuoi mostrare il nome dell’utente devi usare un fbml apposito : <fb:name uid=”$user”> </fb:name> .
    Come hai visto inserendo l’id utente nell’attributo uid, ti mostrerà nome e cognome con link al profilo dell’utente FB.

  11. Ora sono riuscito a farlo fungere (ma non del tutto), e pensare che io all’ ATTENTI a copiare gli apici pensavo che si doveva stare attenti a metterli singoli e non doppi. Grazie Maury.
    Ora però ho anche io il problema che il valore restituito è l’id dell utente e non il nome.

  12. Ho notato che forse c’è un errore perchè lei ha scritto “echo ‘Ciao $user'” con singoli apici e in questo modo il php legge quello che hai scritto “pari pari” se invece cambi con i doppi apici le scrverà il contenuto della variabile…..

  13. scusa gennaro, ma come mai l’applicazione di esempio mi scrive $user anzichè il nome dell’utente? Non è un errore di sintassi (ho copiato il tuo codice e cancellato i numeri di riga per verificare).

  14. Grazie mille per la risposta, ora finalmente non mi da nussun errore…
    Le chiedo un’ultima cosa, perchè con questa stringa (echo ‘Ciao $user’;)mi legge l’id dell’utente? come posso fare per leggere il nome?

  15. @Maury: Ciao, mi sembra un errore dovuto ad una versione di php non corretta. Probabilmente, sul server è installato una vecchia versione di php(la 4) invece della 5 necessaria per la libreria da te utilizzata. Per verificare crea un file php vuoto es. versione.php ed inserisci il comando ti mostrerà la versione e tutte le librerie installate.

  16. Mi chiamo maurizio… Ho seguito il suo tutorial, il quale mostra chiaramente come fare un’applicazione, però ho riscontrato degli errori che non dipendono da lei.
    Il tipo di eroore è questo “Parse error: syntax error, unexpected T_STRING, expecting T_OLD_FUNCTION or T_FUNCTION or T_VAR or ‘}’ in /membri/phpgame/fantasy_war/facebook.php on line 38” ps.io uso uno spazio su altervista. La prego mi aiuti…..

Leave a Reply to Domenci Cancel reply

Your email address will not be published. Required fields are marked *