Creare un’applicazione facebook : canvas Page e canvas Url 13





Sono passati 4 anni da quando ho scritto il mio primo articolo su come creare un’applicazione facebook,   da allora sono cambiate molte cose (librerie, funzionalità ecc..).
Quindi, visto le numerose richieste, inizio una serie di articoli per fare chiarezza e per completare l’argomento.

Un’applicazione su facebook è un’applicazione web che è caricata all’interno della piattaforma di facebook integrandosi con il sistema attraverso chiamate alle api (funzioni di facebook).
E’ possibile realizzare l’applicazione utilizzando qualsiasi linguaggio (php,python,java,ruby,c#..)

L’applicazione viene caricata all’interno di uno spazio, chiamato Canvas Page.
Un canvas page di un’applicazione facebook è identificato da un nome (Canvas Page Name) necessario per raggiungere l’apps.
All’interno del Canvas Page verrà eseguita la nostra applicazione, che verrà prelevata da un indirizzo esterno chiamato Canvas URL (una pagina html/javascript/css).

Per esempio, se la nostra applicazione facebook risiede sul nostro server in una cartella apps, il canvas url sarà http://www.nostrosito.it/apps .
Quando l’utente navigherà all’indirizzo http://apps.facebook.com/canvas-page-name Facebook carichera la pagina precedente (canvas url) all’interno di un iframe nel canvas Page.

Un Canvas Page ha un’ampiezza massima di 760 pixel. L’altezza è variabile ed è possibile impostarla tramite javascript (con la funzione setSize() )
Per impostare la nostra applicazione dobbiamo prima di tutto crearla, andando all’indirizzo (http://www.facebook.com/developers/createapp.php) ed inserendo le informazioni base.
Nel tab Integrazione Facebook (vedi foto) inseriamo il nome del nostro Canvas Page (1) e l’indirizzo del Canvas (Canvas Url) (2)
Inoltre selezionamo come Canvas Type “Iframe” (3).

Fino a questo momento, non abbiamo fatto altro che caricare una web apps all’interno di facebook, ma non c’è stata ancora nessuna interazione con la piattaforma.

Seguimi su twitter : @ironico

13 thoughts on “Creare un’applicazione facebook : canvas Page e canvas Url

  1. Pingback: TOO Lab | Lo strumento Facebook Canvas

  2. Pingback: Lo strumento Facebook Canvas - Digital Agency | Web Marketing Napoli - TOO :

  3. Reply fabio dic 3,2012 08:54

    Scusa, scrivo ancora, oltre al canvas url FB mi chiede anche un secure canvas url, come faccio ad averlo? grazie

    • Reply Gennaro Varriale dic 16,2012 10:09

      Per testare la tua applicazione puoi ignorarlo, dato che sei amministratore della stessa.
      Quando poi, vuoi che tutti utilizzano la tua app, devi acquistare un certificato ssl

  4. Reply fabio dic 2,2012 08:32

    Salve, interessante l’articolo, e gli altri articoli correlati. Sapendo solo programmare in .asp volevo sapere se è possibile creare apps con tale linguaggio. Grazie

  5. Reply Luca Faggiani dic 20,2011 17:15

    Ciao Gennaro,
    ho letto i tuoi post sul blog sopratutto sulla programmazione facebook, ancora prima di cominciare a fare qualcosa.
    Una domanda:
    voglio creare un iframe per la mia pagina fan, ho fatto cosi:
    1)creato pagina su mio sito di larghezza 520px
    2)registrato come sviluppatore fb il mio utente
    3)creato applicazione compilando Page Tab con l’url della mia pagina e APP on Facebook con url della mia cartella contente le pagine (ne ho tre).
    Salvato.
    A questo punto non mi compare la scritta “vai alla pagina del profilo dell’applicazione” e quindi non riesco ad installare la mia applicazione (iframe) nella mia pagina fan.
    Ti viene in mente qualcosa?
    Naturalmente grazie in anticipo.
    Ciao

    Luca

  6. Reply Città Ville set 13,2011 11:36

    non riesco a creare le applicazioni mi apre una cosa diversa apposto di facebook developers come faccio

  7. Pingback: Come creare un applicazione per FaceBook (senza librerie php) | Gennaro Varriale

  8. Reply nicola mar 31,2011 08:54

    ciao Gennaro, quando arriverà il secondo capitolo?

  9. Reply Giacomo feb 24,2011 16:35

    Ciao Gennaro,
    2 domandine veloci prima di addentrarmi in programmazione test..
    e’ possibile creare applicazioni facebook (mondo a me finora sconosciuto) in java (servlet/jsp) (dove mi destreggio meglio) capaci di:
    – visualizzare la propria bacheca in un formato predefinito
    (chiaramente ricevendo in input nome e password)
    – postare messaggi nella propria bacheca

    grazie ciao
    Giacomo

Leave a Reply

  

  

  

Per essere informato sui miei contenuti - Email: