SlideShare a Scribd company logo
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 1/65
Facebook Framework
Facebook
framework
ovvero
programmiamoci faccialibro
con “un po'” di linguaggi
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 2/65
Facebook Framework
● Relatore: Matteo Baccan matteo@baccan.it
● Data: Milano 09/11/2010
● Area: Open/Closed Source
● Target: Facebook Nerd
● Difficoltà: Media-Bassa
Facebook è il maggior social network mondiale
Vedremo come è possibile creare delle applicazioni per Facebook
Vedremo cosa significa FBML, FQL, REST Server, Social Plugin, Graph API
e FBJS
Vedremo come usare Javascript, PHP e Java per programmare Facebook
Da 0 a 100 in 60 minuti, allacciate le cinture ;)
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 3/65
Facebook Framework
Cos'è Facebook?
● È un social network che ti permette di condividere informazioni
● Permette di cercare facilmente amici e colleghi di lavoro
● È facile da usare
● Sposa le filosofie Web 2.0
● Permette a chiunque di creare programmi, in grado di accedere al suo
database di informazioni
● Permette una distribuzione di massa delle proprie applicazioni
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 4/65
Facebook Framework
Storia
● Facebook è stato fondato il 4 febbraio 2004 da Mark Zuckerberg
● Il dominio attuale, facebook.com, fu registrato soltanto in seguito, tra l'aprile e
l'agosto 2005
● Dall'11 settembre 2006, chiunque abbia più di 12 anni può parteciparvi
● Dal settembre 2006 al settembre 2007 la posizione nella graduatoria del traffico dei
siti è passata, secondo Alexa, dalla sessantesima alla settima posizione.
● In Italia c'è stato un boom nel 2008: nel mese di agosto si sono registrate oltre un
milione e trecentomila visite, con un incremento annuo del 961%
● Gli utenti italiani nel mese di marzo 2010 sono circa 15.5 milioni.
● Nel 2010 ha superato, negli Stati Uniti e per una settimana, gli accessi di Google
Fonte: http://it.wikipedia.org/wiki/Facebook
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 5/65
Facebook Framework
È entrato nella comicità
La mia ragazza è cosi patita di Facebook,
che prima di fare l'amore con me
crea un evento.
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 6/65
Facebook Framework
Nei cartoni animati
http://www.youtube.com/watch?v=jtG7tgMW1h8
http://www.southparkstudios.com/full-episodes/s14e04-you-have-0-friends
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 7/65
Facebook Framework
Ma non è che tutto questo è pericoloso?
NB: questa è la prima immagine della SERP GOOGLE “pericoloso”
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 8/65
Facebook Framework
Ho messo tutta la mia vita su
Facebook.
Mi iscrivo a qualsiasi gruppo
MA E' SOLO PER RIDERE
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 9/65
Facebook Framework
E se dall'altra parte ci
fosse un programmatore
che col codice fa i salti
mortali?
Ma serve fare un salto
mortale?
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 10/65
Facebook Framework
Core API
● Graph API
● Social plugin
Advanced API
● FQL (Facebook Query Language)
● FBML/XFBML (estensioni ai tag X/HTML)
● REST API (obsolete)
SDK
● FBJS (Facebook JS API)
● PHP API (FQL + rest API based) - Python SDK - iOS SDK (iPhone e iPad) -
Android SDK
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 11/65
Facebook Framework
Core API - Graph
● Sono le nuove API di Facebook, che provano a semplificare drasticamente il modo di
leggere e scrivere dati su Facebook. Rappresentano un modo univoco per accedere ai
dati della piattaforma, e alle loro connessioni.
Chiamate HTTP REST → Risposte JSON
https://graph.facebook.com/<ID>
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 12/65
Facebook Framework
https://graph.facebook.com/543107502
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 13/65
Facebook Framework
Introspection
● Con l'introspection degli oggetti possiamo analizzare tutte le connessioni che il singolo
oggetto ha, rispetto ad altri oggetti, senza conoscerne a priori il tipo. Abbiamo inoltre
accesso alla descrizione estesa di tutti i campi dell'oggetto JSON richiesto
Per fare questo basta aggiungere il parametro
?metadata=1
all'URL di chiamata
https://graph.facebook.com/<ID>?metadata=1
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 14/65
Facebook Framework
https://graph.facebook.com/543107502?metadata=1
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 15/65
Facebook Framework
Per chi volesse testarle
● Esiste un test online per le Facebook Graph API
http://zesty.ca/facebook/
● Ad esempio, usando questo URL
http://zesty.ca/facebook/#/100000483127930
● È possibile “frugare” nel Graph di Andre Agassi
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 16/65
Facebook Framework
http://zesty.ca/facebook/#/100000483127930
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 17/65
Facebook Framework
Autorizzazioni - OAuth
● Non tutti i dati di Facebook sono pubblici, per molti occorre autenticare l'applicazione che ne farà uso
● Facebook usa OAuth 2.0 come protocollo autorizzativo
● L'utente permette all'applicazione di accedere alle proprie informazioni e può revocare l'autorizzazione in
qualsiasi momento
● L'applicazione riceve un access_token che potrà riutilizzare per successive chiamate
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 18/65
Facebook Framework
Proviamo la sequenza autorizzativa
● curl -F grant_type=client_credentials
-F client_id=....
-F client_secret=.....
https://graph.facebook.com/oauth/access_token
● Restituisce un access token
● https://graph.facebook.com/oauth/authorize?client_id=...&redirect_uri=...&scope=publish_stream
● curl -F "access_token=......."
-F "message=prova di posta"
https://graph.facebook.com/543107502/feed
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 19/65
Facebook Framework
Proviamo la sequenza autorizzativa
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 20/65
Facebook Framework
Altre feature - http://developers.facebook.com/docs/api
● Delete – rimuove delle informazioni
https://graph.facebook.com/<COMMENT_ID>?method=delete
● Picture – prende l'immagine associata a un oggetto
<img src="https://graph.facebook.com/matteo.baccan/picture"/>
<img src="https://graph.facebook.com/massimiliano.dessi/picture"/>
● Search – cerca dei dati
https://graph.facebook.com/search?q=programming&type=group
● Analytics – preleva le statistiche della vostra applicazione
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 21/65
Facebook Framework
Core API – social plugin
● I social plugin permettono di vedere cosa piace ai vostri amici, cosa commentano o
condividono all'interno della rete.
Tutti i social plugin sono estenzioni di Facebook, e sono pensati per non condividere
dati con il sito che li visualizza.
Like Button
Activity Feed
Recommendations
Like Box
Login with Faces
Facepile
Comments
Live Stream
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 22/65
Facebook Framework
Like Button di Webtechcon.it
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F
%2Fwww.webtechcon.it&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;actio
n=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0"
style="border:none; overflow:hidden; width:450px; height:80px;"
allowTransparency="true"></iframe>
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 23/65
Facebook Framework
Advanced API
● FQL - Facebook Query Language
● XFBLM/FBML - Facebook Markup Language
● REST API (obsolete)
SDK
● FBJS – Facebook Javascript Framework
● PHP API
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 24/65
Facebook Framework
FQL - Facebook Query Language
Permettono di effettuare delle query sulle tabelle facebook
La sintassi delle query FQL è simile a quella delle query SQL
XFBML/FBML - Facebook Markup Language
È simile alla sintassi HTML e permette una facile integrazione con la piattaforma facebook
REST API (obsolete)
Permettono di accedere ad ogni informazione che un utente espone alla tua applicazione
Permettono l'accesso ai profili, agli amici, alle foto, ai gruppi etc etc
Restituiscono risultati in formati diversi Json/XML
FBJS – Facebook Javascript Framework
È simile alla sintassi HTML e permette una facile integrazione con la piattaforma facebook
PHP API
Classi PHP che incapsulano le chiamate FQL/Core API (fino a inizio 2010) e graph (versione attuale)
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 25/65
Facebook Framework
Tipologie di applicazioni
● External Web Application
Applicazione web eseguita interamente su un server NON facebook
● Internal Facebook Application
Applicazione web eseguita su un server NON facebook, ma integrata in facebook.com
● External Desktop Application
Applicazione eseguita su un desktop, ma fortemente collegata col web
Questi tre tipi di applicazione permettono agli sviluppatori di utilizzare i dati Facebook all'interno
di qualsiasi applicazione
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 26/65
Facebook Framework
Linguaggi supportati
Facebook ufficialmente supporta PHP 5 e Javascript
Facebook è partner di Microsoft per supportare applicazioni .Net e di Adobe per
la versione ActionScript 3.0
Esistono altre API, anche se in versione non ufficiale:
Android
C++
Java
Cocoa
Perl
Python
Ruby
etc....
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 27/65
Facebook Framework
facebook application leaderboard Marzo 2010
http://statistics.allfacebook.com/applications/leaderboard/
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 28/65
Facebook Framework
facebook application leaderboard Novembre 2010
http://statistics.allfacebook.com/applications/leaderboard/
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 29/65
Facebook Framework
Ma come si
sviluppa una
applicazione
Facebook?
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 30/65
Facebook Framework
Dal sito Facebook :)
http://www.facebook.com/developers/createapp.php
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 31/65
Facebook Framework
FATTO ?
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 32/65
Facebook Framework
Application KEY e Secret
Ogni applicazione che andremo a creare porterà con se tre informazioni importanti
● Application ID
● Application KEY
● Application Secret
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 33/65
Facebook Framework
● Le external application sono il livello base di applicazione che possiamo
creare con Facebook.
● Possono essere sviluppate al di fuori di Facebook, basta utilizzare le
interfacce javascript FBJS e XFBML come linguaggio di markup
● Con questo approccio non siamo ancora costretti ad utilizzare un
linguaggio di programmazione server side
External Web Application - Cosa sono?
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 34/65
Facebook Framework
<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/it_IT"
type="text/javascript"></script>
<script type="text/javascript">
FB_RequireFeatures(["XFBML"], function()
{
FB.Facebook.init("4e4b1400000000000000000ae1680", "xd_receiver.htm",
{"ifUserNotConnected":"facebookconnect.htm"});
});
</script>
Ciao <fb:name uid="loggedinuser" useyou="false" linked="true"></fb:name>
External Web Application – struttura base di un'applicazione - main
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 35/65
Facebook Framework
<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/it_IT"
type="text/javascript"></script>
<script type="text/javascript">
FB_RequireFeatures(["XFBML"], function()
{
FB.Facebook.init("4e4b1400000000000000000ae1680", "xd_receiver.htm",
{"ifUserConnected":"facebook.htm"});
});
</script>
<fb:login-button v="2" size="medium" onlogin="window.location.reload(true);">
Login
</fb:login-button>
External Web Application – struttura base di un'applicazione - login
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 36/65
Facebook Framework
Internal Web Application – canvas
Per integrare un'applicazione su Facebook occorre creare
● Canvas Page URL – rappresenta il nome dell'applicazione dentro a Facebook
● Canvas Callback URL – rappresenta il percorso dell'applicazione sui vostri server. NB: deve
terminare con “/” o contenere un “?” da qualche parte
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 37/65
Facebook Framework
Canvas FBML
Profili API
Internal Web Application – struttura
FACEBOOK EXTERNAL
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 38/65
Facebook Framework
Internal Web Application – demo - http://apps.facebook.com/pandoro/
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 39/65
Facebook Framework
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 40/65
Facebook Framework
PHPAPI – fino a inizio 2010
Le API Facebook sono condensate in 3 file .PHP
facebook.php = classe Facebook
facebook_mobile.php = classe FacebookMobile che estende Facebook
facebookapi_php5_restlib.php = classe FacebookRestClient
A sua volta FacebookRestClient utilizza jsonwapper
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 41/65
Facebook Framework
Internal Web Application – struttura
require_once 'facebook.php';
$appapikey = '4e4b14000000000000000000ae1680';
$appsecret = '76c0f4ee000000000002f72ed89deca3';
$facebook = new Facebook($appapikey, $appsecret);
$user_id = $facebook->require_login();
echo "<br>";
echo "<br>apikey: $appapikey";
echo "<br>appsec: $appsecret";
echo "<br>session key: " .$_POST["fb_sig_session_key"];
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 42/65
Facebook Framework
Internal Web Application – partiamo con PHP
// Greet the currently logged-in user!
echo "<p>Ciao <fb:name uid='$user_id' useyou='false' />!</p>";
// Stampa i primi 5 amici e li conta
$friends = $facebook->api_client->friends_get();
echo "<p>Hai ben " .count($friends) ." amici</p>";
$friends = array_slice($friends, 0, 5);
foreach ($friends as $friend) {
echo "$friend:<fb:profile-pic size='square' uid='$friend' facebook-logo='true'></fb:profile-pic>";
}
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 43/65
Facebook Framework
Internal Web Application – friends_get
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 44/65
Facebook Framework
Internal Web Application – partiamo con PHP
$query = "select name, birthday_date from user where uid in (SELECT uid2 FROM friend
WHERE uid1=" .$facebook->get_loggedin_user() .")";
$result = $facebook->api_client->fql_query( $query );
foreach ($result as $friend) {
if( !(strpos( $friend["birthday_date"], "/1971" )==false) )
echo "<br>" .$friend["name"] ." - " .$friend["birthday_date"];
}
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 45/65
Facebook Framework
PHPAPI – attuali
● Condensate in un solo file facebook.php con la classe Facebook
● Richiedono PHP con le estensioni
● curl_init
● json_decode
● Fanno uso massiccio di graph API
● Il nuovo costruttore è
$facebook = new Facebook(array(
'appId' => '11111111111111',
'secret' => 'aaaaaaaaaaaaaaaaaaaaaaaaaa',
'cookie' => true,
));
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 46/65
Facebook Framework
Web Application – FBML
Facebook utilizza FBML per inserire comandi FBML (un'estensione di HTML) all'interno di pagine HTML, di
siti connessi a Facebook o all'interno di applicazioni iframe.
I comandi FBML sono estensioni a PHP disponibili in opensource, all'interno dell'SDK Facebook open Platform
Le aree coperte dai FBML sono :
Tools, User/Groups, Notifications and Requests, Platform Internationalization, Deprecated, Status Messages, Page Navigation, Wall,
Visibility on Profile, Profile-specific, Misc, Editor Display, Embedded Media, Dialog, Additional Permissions, Social Widgets, Message
Attachments, Forms
<fb:name uid='$user_id' useyou='false' />
<fb:profile-pic size='square' uid='$friend' facebook-logo='true'></fb:profile-pic>
<fb:comments numposts="4" title="Commenta la mia applicazione" xid="principale"></fb:comments>
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 47/65
Facebook Framework
FQL - Facebook Query Language
Il Facebook Query Language, o FQL, permette di usare una interfaccia SQL like per interrogare
facilmente le informazioni presenti all'interno di Facebook (che principalmente risiedono su MySQL
e Cassandra) .. assumento che la tua applicazione ne abbia accesso :)
Di seguito un elenco delle tabelle interrogabili tramite FQL:
album, application, comment, cookies, connection, daily_metrics, developer, event, event_member,
family, friend, friend_request, friendlist, friendlist_member, group, group_member, link, link_stat,
listing, mailbox_folder, message, metrics, note, notification, page, page_admin, page_fan,
permissions, photo, photo_tag, profile, standard_friend_info, standard_user_info, status, stream,
stream_filter, thread, translation, user, video, video_tag
http://developers.facebook.com/docs/reference/fql/
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 48/65
Facebook Framework
FQL - Facebook Query Language
Oltre di accedere ai campi, FQL si permette di implementare un subset base di funzioni SQL:
now() Returns the current time.
rand() Generates a random number.
strlen(string) Returns the length of the string.
concat(string, ...) Concatenates the given strings (can take any number of strings).
substr(string, start, length) Gets a substring of the string.
strpos(haystack, needle) Returns the position of needle in haystack, or -1 if it is not found.
lower(string) Converts the string to lower case.
upper(string) Converts the string to upper case.
strip_tags(field) Strips HTML markup and encoding from a specified FQL field.
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 49/65
Facebook Framework
FQL
Leggiamo i profili di Matteo Baccan (543107502) e Beppe Grillo (510445092)
SELECT name,pic_square_with_logo,uid from user WHERE uid IN (510445092,543107502)
https://api.facebook.com/method/fql.query?query=<QUERY>
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 50/65
Facebook Framework
Le API Facebook utilizzano un'interfaccia REST. Questo significa che ogni chiamata verso le API
Facebook si trasforma in una chiamata HTTP GET o POST verso il REST server di Facebook
http://api.facebook.com/restserver.php
Grazie a questa tecnica, praticamente qualsiasi linguaggio di programmazione può essere utilizzato
per comunicare verso il REST server.
Flusso di una chiamata REST
● Creare una chiamata HTTP GET/POST verso il rest server, indicando il formato della risposta
(XML/JSON)
● Facebook restituisce il risultato
Il alcuni casi occorre autenticare la chiamata verso Facebook
Le applicazioni richiedono invece l'API Key e talvolta la Private Key
Normalmente le librerie client REST fanno la maggior parte del lavoro :)
REST API (obsolete)
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 51/65
Facebook Framework
* Administrative Methods
* Login/Auth Methods
* Data Retrieval Methods (FQL)
* Publishing Methods
* Facebook Connect Methods
* Mobile Methods
* Photos API Methods
* Events API Methods
* Custom Tags API Methods
Ma quali sono i metodi che implementano le API REST?
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 52/65
Facebook Framework
FQL – via REST API
Le chiamate FQL, sono chiamate all'API fql.query
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 53/65
Facebook Framework
FQL – via REST API
Le chiamate FQL, sono chiamate all'API fql.query
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 54/65
Facebook Java Framework
Lato Java abbiamo più modi per accedere alle API REST di FB
● Facebook-Java-Api - http://code.google.com/p/facebook-java-api/
Al momento la libreria più attiva e matura di interfacciamento a Facebook. È open-source e il
progetto è stato costruito attorno al precedente client ufficiale di Facebook.
● FQLJdbc - http://www.saurik.com/
Si tratta di un driver di tipo 4, implementato in modo minimale, che permette l'accesso ai dati di
Facebook
● TinyFBClient – Un client minimale di accesso alle API rest
● TinyFBTaglib – Una taglibrary in grado di richiamare le Facebook API
● FB4J - http://fb4j.sourceforge.net/
Si tratta di una API che permette di utilizzare Facebook tramite un modello ad oggetti, e
supporta sia l'approccio JSON che XML
External Desktop Application – Iniziamo ad usare Java
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 55/65
Facebook Java Framework
FQLJDBC – esempio di codice
Class.forName("com.saurik.fql");
java.sql.Connection cn = DriverManager.getConnection(
"jdbc:saurik:fql:<chiave applicazione>;secret=<secret>;session=<sessione>”
);
java.sql.ResultSet rs = cn.prepareStatement(“<sql>”).executeQuery();
java.sql.ResultSetMetaData md = rs.getMetaData();
for (int i = 0; i != md.getColumnCount(); ++i){
System.out.println(i + ": " + md.getColumnName(i + 1));
}
while (rs.next()){
for (int i = 0; i != md.getColumnCount(); ++i){
System.out.println(i + ": " + rs.getString(i + 1));
}
}
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 56/65
Facebook Java Framework
FQLJDBC
Leggiamo i profili di Matteo Baccan (543107502) e Massimiliano Dessì (620573121)
SELECT name,pic_square_with_logo,uid from user WHERE uid IN (543107502,620573121)
0: Massimiliano Dessì
1: http://external.ak.fbcdn.net/safe_image.php?d=9fa0c5d81f0c882d1785bebdac22f74c&url=http%3A%2F
%2Fprofile.ak.fbcdn.net%2Fhprofile-ak-snc4%2Fhs629.ash1%2F27478_620573121_8991_q.jpg&logo&v=5
2: 620573121
0: Matteo Baccan
1: http://external.ak.fbcdn.net/safe_image.php?logo&d=df2423464e659b992962834775474294&url=http
%3A%2F%2Fprofile.ak.fbcdn.net%2Fv22939%2F69%2F45%2Fq543107502_7574.jpg&v=5
2: 543107502
Vediamo quali gruppi di amici ha Matteo Baccan (543107502)
SELECT flid,name FROM friendlist WHERE owner=543107502
0: 142792822502
1: html2pop3
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 57/65
Facebook Java Framework
FQLJDBC
Leggiamo il nome visualizzato dell'applicazione PANDORO (828a6de854bf57efa86d16ad0be4e4c9)
SELECT display_name from application where api_key='828a6de854bf57efa86d16ad0be4e4c9'
0: pandoro
Vediamo gli UID nella coda di autorizzazione di Matteo Baccan (543107502)
SELECT uid_from FROM friend_request WHERE uid_to=543107502
0: 600839495
0: 1236032468
0: 100000458731349
0: 1558853143
0: 1392317747
0: 1637061688
0: 100000440891623
0: 505415099
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 58/65
Facebook Java Framework
Facebook JAVAAPI – 3.0.2 – esempi utilizzo
String APIKEY = "828a6de8000000000000ad0be4e4c9";
String SECRET = "e6f28edbd9000000000000d7d44f49004";
String SESSION= "2.bVyXXRlgsWOyCVQRwQoLxg__.3600.1276322400-000000000";
FacebookJaxbRestClient client = new FacebookJaxbRestClient(APIKEY, SECRET, SESSION);
FacebookJaxbRestClient client = new FacebookJaxbRestClient(APIKEY, SECRET);
String token = client.auth_createToken();
String URL="http://www.facebook.com/login.php?api_key="+APIKEY+"&v=1.0&auth_token="+token;
System.out.println("Copy the URL below into a browser to authenticate. Close the browser and press return.");
System.out.println(URL);
System.in.read();
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 59/65
Facebook Java Framework
Facebook JAVAAPI
INIT
USER: 543107502
291927024331
828a6de854bf57efa86d16ad0be4e4c9
pandoro
http://static.ak.fbcdn.net/rsrc.php/z4XGZ/hash/7abvozy3.gif
http://photos-d.ak.fbcdn.net/photos-ak-sf2p/v43/187/291927024331/app_1_291927024331_5177.gif
Applicazione di prova delle Facebook API
0
0
5
FINE
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 60/65
Facebook Java Framework
Facebook JAVA filter
IfacebookRestClient<Document> userClient = new FacebookXmlRestClient(api_key, secret);
FacebookWebappHelper<Document> facebook = new FacebookWebappHelper<Document>(request,
response, api_key, secret, userClient);
String nextPage = request.getRequestURI();
nextPage = nextPage.substring(nextPage.indexOf("/", 1) + 1);
//cut out the first /, the context path and the 2nd /
boolean redirectOccurred = facebook.requireLogin(nextPage);
if(redirectOccurred) { return; }
redirectOccurred = facebook.requireFrame(nextPage);
if(redirectOccurred) { return; }
facebookUserID = userClient.users_getLoggedInUser();
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 61/65
Facebook Java Framework
Facebook JAVA filter
web.xml
<filter>
<display-name>FacebookUserFilter</display-name>
<filter-name>FacebookUserFilter</filter-name>
<filter-class>test.FacebookUserFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>FacebookUserFilter</filter-name>
<url-pattern>/test/*</url-pattern>
</filter-mapping>
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 62/65
Facebook Java Framework
Simply Facebook
È una libreria pensata per essere il più semplice possibile. Utilizza JSON per la codifica
dei dati, httpclient e common logging.
Secondo le indicazioni dell'autore, vista la sua conformazione, dovrebbe essere utile sulla
piattaforma Android
FacebookLogin login = new FacebookLogin ();
login.setAPIKey("828a6de854bf00000000000ad0be4e4c9");
login.setResponseFromExternalBrowser(new URL
("http://www.baccan.it/javaday2010/?
session={"session_key":"2.bVyXXRlgsWOyCVQRwQoLxg__.3600.1276322400-
000000000","uid":"543107502","secret":"e6f28edbd000000000000044f490
04"}"));
FacebookRestClient client = new FacebookRestClient (login);
Response r = client.getData ("Friends.get");
System.out.println (r.status + " " + r.data);
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 63/65
Facebook Framework
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 64/65
Facebook Framework
Alcuni link
● Questo materiale http://www.baccan.it
● La mia azienda http://www.moonlab.it
● Facebook http://www.facebook.com
● Add Developer App http://www.facebook.com/developers
● Documentazione http://developers.facebook.com/docs/
● Developer Forum http://forum.developers.facebook.com
● FQL http://developers.facebook.com/docs/reference/fql/
● FBML http://developers.facebook.com/docs/reference/fbml/
● REST-API http://developers.facebook.com/docs/reference/rest/
● Graph API http://developers.facebook.com/docs/reference/api/
● Facebook Java API http://code.google.com/p/facebook-java-api/wiki/Examples
Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 65/65
Facebook Framework
Matteo Baccan
lovecat
matteo@baccan.it

More Related Content

ODP
Webtech 2010: twitter programming
PDF
Confsl 2010 Facebook Framework
PPTX
20. Social networks
PPTX
17. Web feed e aggregatori
PPT
17. Web feed e aggregatori
PPTX
Slides delle lezioni del corso di Strumenti e applicazioni del Web per il cor...
PDF
Javaday 2010: Facebook Java Framework
PPTX
14. I blog
Webtech 2010: twitter programming
Confsl 2010 Facebook Framework
20. Social networks
17. Web feed e aggregatori
17. Web feed e aggregatori
Slides delle lezioni del corso di Strumenti e applicazioni del Web per il cor...
Javaday 2010: Facebook Java Framework
14. I blog

What's hot (12)

PPT
1. Introduzione al corso
PPTX
18. Content sharing sites
ODP
TYPO3 e social media marketing
PPTX
15. La forma breve e il microblogging
PPT
1. Introduzione al corso
KEY
Drupal + Facebook @ DrupalSocialCulb
PPT
12. Mobile web
PPT
14. La forma breve e il microblogging
PPT
10. Ricercare nel web (Parte II)
PDF
Seo e Web Marketing - 4 | WebMaster & WebDesigner
PPTX
16. Social media
PPT
16. I social media
1. Introduzione al corso
18. Content sharing sites
TYPO3 e social media marketing
15. La forma breve e il microblogging
1. Introduzione al corso
Drupal + Facebook @ DrupalSocialCulb
12. Mobile web
14. La forma breve e il microblogging
10. Ricercare nel web (Parte II)
Seo e Web Marketing - 4 | WebMaster & WebDesigner
16. Social media
16. I social media
Ad

Viewers also liked (20)

PDF
PDF
Kako uspešno primeniti e-učenje
PDF
Tnt 20 jan pdf
PDF
Convtracking jan05
PPTX
Social Media Tools and tactics
PPT
NALC's Presentation at the Public Sector Learning Conference
ZIP
Diigo Presentation- Revised
PDF
How to Successfully Apply E-Learning
PPT
Scmad Chapter15
PPT
Learning Pool CELEB event
PPTX
Scotweb Presentation
KEY
110118 Fundraising
ODP
Sesion 4 .PRESENTACIÓN
PPT
Workshop Personal branding Avans 27 mei
PPT
Routines
PDF
A pilot study to evaluate nutritional influences on gastrointestinal symptoms...
PPTX
Working away from the office: Benefits and drawbacks
PPT
voorlichting minor PM
PDF
Design Challenge | Pelephone Corporate Website
PPT
'E-learning for tackling Dementia' Ed Shrager, Alzheimer’s Society
Kako uspešno primeniti e-učenje
Tnt 20 jan pdf
Convtracking jan05
Social Media Tools and tactics
NALC's Presentation at the Public Sector Learning Conference
Diigo Presentation- Revised
How to Successfully Apply E-Learning
Scmad Chapter15
Learning Pool CELEB event
Scotweb Presentation
110118 Fundraising
Sesion 4 .PRESENTACIÓN
Workshop Personal branding Avans 27 mei
Routines
A pilot study to evaluate nutritional influences on gastrointestinal symptoms...
Working away from the office: Benefits and drawbacks
voorlichting minor PM
Design Challenge | Pelephone Corporate Website
'E-learning for tackling Dementia' Ed Shrager, Alzheimer’s Society
Ad

Similar to Webtech 2010: facebook framework (20)

ODP
Phpday 2010: facebook php framework
PDF
Analisi statistica dei social network con Microsoft Excel
PPT
L'era Dei Social Network. Analisi sull'utilizzo di Facebook a Twitter in ambi...
PDF
Microsoft Fast - Overview
PDF
Venezia 2010 Facebook Developer Garage Parte1
PDF
Knowledge graphs ovunque: un quadro di insieme, e le implicazioni per uno svi...
PPTX
Entity Framework 7, Back To The Future!
PDF
relazione finale master
PPTX
5. Introduzione al web (ii)
PPT
Tecniche Di Mashup
PPT
Tecniche Di Mashup
PPT
Corso Web 2.0: Web feed e aggregatori
PDF
Flash Platform and VOIP
 
PPT
Sviluppare applicazioni Facebook
PPTX
6. Il browser
PDF
Gae python gdg milano L03
PPT
Product Management Nel Settore Business To Consumer
PDF
G3 Web Skills Profiles Generation 3 European ICT Professional Profiles
PPT
webinar Chatbot e portali per la ricerca accademica fonti e strumenti GARR LE...
PPTX
Confronto tra Facebook e Google+
Phpday 2010: facebook php framework
Analisi statistica dei social network con Microsoft Excel
L'era Dei Social Network. Analisi sull'utilizzo di Facebook a Twitter in ambi...
Microsoft Fast - Overview
Venezia 2010 Facebook Developer Garage Parte1
Knowledge graphs ovunque: un quadro di insieme, e le implicazioni per uno svi...
Entity Framework 7, Back To The Future!
relazione finale master
5. Introduzione al web (ii)
Tecniche Di Mashup
Tecniche Di Mashup
Corso Web 2.0: Web feed e aggregatori
Flash Platform and VOIP
 
Sviluppare applicazioni Facebook
6. Il browser
Gae python gdg milano L03
Product Management Nel Settore Business To Consumer
G3 Web Skills Profiles Generation 3 European ICT Professional Profiles
webinar Chatbot e portali per la ricerca accademica fonti e strumenti GARR LE...
Confronto tra Facebook e Google+

More from Matteo Baccan (20)

PPTX
Gmail e google app
ODP
Matteo Baccan - Valerio Tognozzi - Novara LinuxDay 2015
ODP
Matteo baccan raspberry pi - linox 2015 - corso parte 3
ODP
Matteo baccan raspberry pi - linox 2015 - corso parte 2
ODP
Matteo baccan raspberry pi - linox 2015 - corso parte 1
ODP
Creazione di una stazione meteo con prodotti opensource. Linux day 2014 - Lin...
ODP
Matteo baccan raspberry pi - linox 2014
PDF
Codemotion 2014 : ottimizzare JAVA e PHP su un’architettura Raspberry Pi Cluster
PDF
javaday 2006 - Tiger
PDF
Phpday 2009 php e java
PDF
Javaday 2009 php e java
PDF
Codemotion 2013: Succo di lampone: come ottimizzare JAVA e PHP su un’architet...
ODP
Stack Overflow meetup html2pop3
PDF
Codemotion 2012 : Sphinx: Open Source Search Server
ODP
Codemotion twitter programming
PDF
Webbit 2004: Tiger, java
PDF
Webbit 2004: Aspectj
ODP
JIPDay 2005: Xlet Java Programming
ODP
Javaday 2006: Java 5
ODP
Javaday 2007: skype4java
Gmail e google app
Matteo Baccan - Valerio Tognozzi - Novara LinuxDay 2015
Matteo baccan raspberry pi - linox 2015 - corso parte 3
Matteo baccan raspberry pi - linox 2015 - corso parte 2
Matteo baccan raspberry pi - linox 2015 - corso parte 1
Creazione di una stazione meteo con prodotti opensource. Linux day 2014 - Lin...
Matteo baccan raspberry pi - linox 2014
Codemotion 2014 : ottimizzare JAVA e PHP su un’architettura Raspberry Pi Cluster
javaday 2006 - Tiger
Phpday 2009 php e java
Javaday 2009 php e java
Codemotion 2013: Succo di lampone: come ottimizzare JAVA e PHP su un’architet...
Stack Overflow meetup html2pop3
Codemotion 2012 : Sphinx: Open Source Search Server
Codemotion twitter programming
Webbit 2004: Tiger, java
Webbit 2004: Aspectj
JIPDay 2005: Xlet Java Programming
Javaday 2006: Java 5
Javaday 2007: skype4java

Webtech 2010: facebook framework

  • 1. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 1/65 Facebook Framework Facebook framework ovvero programmiamoci faccialibro con “un po'” di linguaggi
  • 2. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 2/65 Facebook Framework ● Relatore: Matteo Baccan matteo@baccan.it ● Data: Milano 09/11/2010 ● Area: Open/Closed Source ● Target: Facebook Nerd ● Difficoltà: Media-Bassa Facebook è il maggior social network mondiale Vedremo come è possibile creare delle applicazioni per Facebook Vedremo cosa significa FBML, FQL, REST Server, Social Plugin, Graph API e FBJS Vedremo come usare Javascript, PHP e Java per programmare Facebook Da 0 a 100 in 60 minuti, allacciate le cinture ;)
  • 3. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 3/65 Facebook Framework Cos'è Facebook? ● È un social network che ti permette di condividere informazioni ● Permette di cercare facilmente amici e colleghi di lavoro ● È facile da usare ● Sposa le filosofie Web 2.0 ● Permette a chiunque di creare programmi, in grado di accedere al suo database di informazioni ● Permette una distribuzione di massa delle proprie applicazioni
  • 4. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 4/65 Facebook Framework Storia ● Facebook è stato fondato il 4 febbraio 2004 da Mark Zuckerberg ● Il dominio attuale, facebook.com, fu registrato soltanto in seguito, tra l'aprile e l'agosto 2005 ● Dall'11 settembre 2006, chiunque abbia più di 12 anni può parteciparvi ● Dal settembre 2006 al settembre 2007 la posizione nella graduatoria del traffico dei siti è passata, secondo Alexa, dalla sessantesima alla settima posizione. ● In Italia c'è stato un boom nel 2008: nel mese di agosto si sono registrate oltre un milione e trecentomila visite, con un incremento annuo del 961% ● Gli utenti italiani nel mese di marzo 2010 sono circa 15.5 milioni. ● Nel 2010 ha superato, negli Stati Uniti e per una settimana, gli accessi di Google Fonte: http://it.wikipedia.org/wiki/Facebook
  • 5. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 5/65 Facebook Framework È entrato nella comicità La mia ragazza è cosi patita di Facebook, che prima di fare l'amore con me crea un evento.
  • 6. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 6/65 Facebook Framework Nei cartoni animati http://www.youtube.com/watch?v=jtG7tgMW1h8 http://www.southparkstudios.com/full-episodes/s14e04-you-have-0-friends
  • 7. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 7/65 Facebook Framework Ma non è che tutto questo è pericoloso? NB: questa è la prima immagine della SERP GOOGLE “pericoloso”
  • 8. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 8/65 Facebook Framework Ho messo tutta la mia vita su Facebook. Mi iscrivo a qualsiasi gruppo MA E' SOLO PER RIDERE
  • 9. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 9/65 Facebook Framework E se dall'altra parte ci fosse un programmatore che col codice fa i salti mortali? Ma serve fare un salto mortale?
  • 10. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 10/65 Facebook Framework Core API ● Graph API ● Social plugin Advanced API ● FQL (Facebook Query Language) ● FBML/XFBML (estensioni ai tag X/HTML) ● REST API (obsolete) SDK ● FBJS (Facebook JS API) ● PHP API (FQL + rest API based) - Python SDK - iOS SDK (iPhone e iPad) - Android SDK
  • 11. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 11/65 Facebook Framework Core API - Graph ● Sono le nuove API di Facebook, che provano a semplificare drasticamente il modo di leggere e scrivere dati su Facebook. Rappresentano un modo univoco per accedere ai dati della piattaforma, e alle loro connessioni. Chiamate HTTP REST → Risposte JSON https://graph.facebook.com/<ID>
  • 12. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 12/65 Facebook Framework https://graph.facebook.com/543107502
  • 13. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 13/65 Facebook Framework Introspection ● Con l'introspection degli oggetti possiamo analizzare tutte le connessioni che il singolo oggetto ha, rispetto ad altri oggetti, senza conoscerne a priori il tipo. Abbiamo inoltre accesso alla descrizione estesa di tutti i campi dell'oggetto JSON richiesto Per fare questo basta aggiungere il parametro ?metadata=1 all'URL di chiamata https://graph.facebook.com/<ID>?metadata=1
  • 14. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 14/65 Facebook Framework https://graph.facebook.com/543107502?metadata=1
  • 15. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 15/65 Facebook Framework Per chi volesse testarle ● Esiste un test online per le Facebook Graph API http://zesty.ca/facebook/ ● Ad esempio, usando questo URL http://zesty.ca/facebook/#/100000483127930 ● È possibile “frugare” nel Graph di Andre Agassi
  • 16. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 16/65 Facebook Framework http://zesty.ca/facebook/#/100000483127930
  • 17. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 17/65 Facebook Framework Autorizzazioni - OAuth ● Non tutti i dati di Facebook sono pubblici, per molti occorre autenticare l'applicazione che ne farà uso ● Facebook usa OAuth 2.0 come protocollo autorizzativo ● L'utente permette all'applicazione di accedere alle proprie informazioni e può revocare l'autorizzazione in qualsiasi momento ● L'applicazione riceve un access_token che potrà riutilizzare per successive chiamate
  • 18. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 18/65 Facebook Framework Proviamo la sequenza autorizzativa ● curl -F grant_type=client_credentials -F client_id=.... -F client_secret=..... https://graph.facebook.com/oauth/access_token ● Restituisce un access token ● https://graph.facebook.com/oauth/authorize?client_id=...&redirect_uri=...&scope=publish_stream ● curl -F "access_token=......." -F "message=prova di posta" https://graph.facebook.com/543107502/feed
  • 19. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 19/65 Facebook Framework Proviamo la sequenza autorizzativa
  • 20. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 20/65 Facebook Framework Altre feature - http://developers.facebook.com/docs/api ● Delete – rimuove delle informazioni https://graph.facebook.com/<COMMENT_ID>?method=delete ● Picture – prende l'immagine associata a un oggetto <img src="https://graph.facebook.com/matteo.baccan/picture"/> <img src="https://graph.facebook.com/massimiliano.dessi/picture"/> ● Search – cerca dei dati https://graph.facebook.com/search?q=programming&type=group ● Analytics – preleva le statistiche della vostra applicazione
  • 21. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 21/65 Facebook Framework Core API – social plugin ● I social plugin permettono di vedere cosa piace ai vostri amici, cosa commentano o condividono all'interno della rete. Tutti i social plugin sono estenzioni di Facebook, e sono pensati per non condividere dati con il sito che li visualizza. Like Button Activity Feed Recommendations Like Box Login with Faces Facepile Comments Live Stream
  • 22. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 22/65 Facebook Framework Like Button di Webtechcon.it <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F %2Fwww.webtechcon.it&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;actio n=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
  • 23. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 23/65 Facebook Framework Advanced API ● FQL - Facebook Query Language ● XFBLM/FBML - Facebook Markup Language ● REST API (obsolete) SDK ● FBJS – Facebook Javascript Framework ● PHP API
  • 24. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 24/65 Facebook Framework FQL - Facebook Query Language Permettono di effettuare delle query sulle tabelle facebook La sintassi delle query FQL è simile a quella delle query SQL XFBML/FBML - Facebook Markup Language È simile alla sintassi HTML e permette una facile integrazione con la piattaforma facebook REST API (obsolete) Permettono di accedere ad ogni informazione che un utente espone alla tua applicazione Permettono l'accesso ai profili, agli amici, alle foto, ai gruppi etc etc Restituiscono risultati in formati diversi Json/XML FBJS – Facebook Javascript Framework È simile alla sintassi HTML e permette una facile integrazione con la piattaforma facebook PHP API Classi PHP che incapsulano le chiamate FQL/Core API (fino a inizio 2010) e graph (versione attuale)
  • 25. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 25/65 Facebook Framework Tipologie di applicazioni ● External Web Application Applicazione web eseguita interamente su un server NON facebook ● Internal Facebook Application Applicazione web eseguita su un server NON facebook, ma integrata in facebook.com ● External Desktop Application Applicazione eseguita su un desktop, ma fortemente collegata col web Questi tre tipi di applicazione permettono agli sviluppatori di utilizzare i dati Facebook all'interno di qualsiasi applicazione
  • 26. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 26/65 Facebook Framework Linguaggi supportati Facebook ufficialmente supporta PHP 5 e Javascript Facebook è partner di Microsoft per supportare applicazioni .Net e di Adobe per la versione ActionScript 3.0 Esistono altre API, anche se in versione non ufficiale: Android C++ Java Cocoa Perl Python Ruby etc....
  • 27. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 27/65 Facebook Framework facebook application leaderboard Marzo 2010 http://statistics.allfacebook.com/applications/leaderboard/
  • 28. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 28/65 Facebook Framework facebook application leaderboard Novembre 2010 http://statistics.allfacebook.com/applications/leaderboard/
  • 29. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 29/65 Facebook Framework Ma come si sviluppa una applicazione Facebook?
  • 30. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 30/65 Facebook Framework Dal sito Facebook :) http://www.facebook.com/developers/createapp.php
  • 31. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 31/65 Facebook Framework FATTO ?
  • 32. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 32/65 Facebook Framework Application KEY e Secret Ogni applicazione che andremo a creare porterà con se tre informazioni importanti ● Application ID ● Application KEY ● Application Secret
  • 33. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 33/65 Facebook Framework ● Le external application sono il livello base di applicazione che possiamo creare con Facebook. ● Possono essere sviluppate al di fuori di Facebook, basta utilizzare le interfacce javascript FBJS e XFBML come linguaggio di markup ● Con questo approccio non siamo ancora costretti ad utilizzare un linguaggio di programmazione server side External Web Application - Cosa sono?
  • 34. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 34/65 Facebook Framework <script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/it_IT" type="text/javascript"></script> <script type="text/javascript"> FB_RequireFeatures(["XFBML"], function() { FB.Facebook.init("4e4b1400000000000000000ae1680", "xd_receiver.htm", {"ifUserNotConnected":"facebookconnect.htm"}); }); </script> Ciao <fb:name uid="loggedinuser" useyou="false" linked="true"></fb:name> External Web Application – struttura base di un'applicazione - main
  • 35. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 35/65 Facebook Framework <script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/it_IT" type="text/javascript"></script> <script type="text/javascript"> FB_RequireFeatures(["XFBML"], function() { FB.Facebook.init("4e4b1400000000000000000ae1680", "xd_receiver.htm", {"ifUserConnected":"facebook.htm"}); }); </script> <fb:login-button v="2" size="medium" onlogin="window.location.reload(true);"> Login </fb:login-button> External Web Application – struttura base di un'applicazione - login
  • 36. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 36/65 Facebook Framework Internal Web Application – canvas Per integrare un'applicazione su Facebook occorre creare ● Canvas Page URL – rappresenta il nome dell'applicazione dentro a Facebook ● Canvas Callback URL – rappresenta il percorso dell'applicazione sui vostri server. NB: deve terminare con “/” o contenere un “?” da qualche parte
  • 37. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 37/65 Facebook Framework Canvas FBML Profili API Internal Web Application – struttura FACEBOOK EXTERNAL
  • 38. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 38/65 Facebook Framework Internal Web Application – demo - http://apps.facebook.com/pandoro/
  • 39. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 39/65 Facebook Framework
  • 40. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 40/65 Facebook Framework PHPAPI – fino a inizio 2010 Le API Facebook sono condensate in 3 file .PHP facebook.php = classe Facebook facebook_mobile.php = classe FacebookMobile che estende Facebook facebookapi_php5_restlib.php = classe FacebookRestClient A sua volta FacebookRestClient utilizza jsonwapper
  • 41. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 41/65 Facebook Framework Internal Web Application – struttura require_once 'facebook.php'; $appapikey = '4e4b14000000000000000000ae1680'; $appsecret = '76c0f4ee000000000002f72ed89deca3'; $facebook = new Facebook($appapikey, $appsecret); $user_id = $facebook->require_login(); echo "<br>"; echo "<br>apikey: $appapikey"; echo "<br>appsec: $appsecret"; echo "<br>session key: " .$_POST["fb_sig_session_key"];
  • 42. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 42/65 Facebook Framework Internal Web Application – partiamo con PHP // Greet the currently logged-in user! echo "<p>Ciao <fb:name uid='$user_id' useyou='false' />!</p>"; // Stampa i primi 5 amici e li conta $friends = $facebook->api_client->friends_get(); echo "<p>Hai ben " .count($friends) ." amici</p>"; $friends = array_slice($friends, 0, 5); foreach ($friends as $friend) { echo "$friend:<fb:profile-pic size='square' uid='$friend' facebook-logo='true'></fb:profile-pic>"; }
  • 43. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 43/65 Facebook Framework Internal Web Application – friends_get
  • 44. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 44/65 Facebook Framework Internal Web Application – partiamo con PHP $query = "select name, birthday_date from user where uid in (SELECT uid2 FROM friend WHERE uid1=" .$facebook->get_loggedin_user() .")"; $result = $facebook->api_client->fql_query( $query ); foreach ($result as $friend) { if( !(strpos( $friend["birthday_date"], "/1971" )==false) ) echo "<br>" .$friend["name"] ." - " .$friend["birthday_date"]; }
  • 45. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 45/65 Facebook Framework PHPAPI – attuali ● Condensate in un solo file facebook.php con la classe Facebook ● Richiedono PHP con le estensioni ● curl_init ● json_decode ● Fanno uso massiccio di graph API ● Il nuovo costruttore è $facebook = new Facebook(array( 'appId' => '11111111111111', 'secret' => 'aaaaaaaaaaaaaaaaaaaaaaaaaa', 'cookie' => true, ));
  • 46. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 46/65 Facebook Framework Web Application – FBML Facebook utilizza FBML per inserire comandi FBML (un'estensione di HTML) all'interno di pagine HTML, di siti connessi a Facebook o all'interno di applicazioni iframe. I comandi FBML sono estensioni a PHP disponibili in opensource, all'interno dell'SDK Facebook open Platform Le aree coperte dai FBML sono : Tools, User/Groups, Notifications and Requests, Platform Internationalization, Deprecated, Status Messages, Page Navigation, Wall, Visibility on Profile, Profile-specific, Misc, Editor Display, Embedded Media, Dialog, Additional Permissions, Social Widgets, Message Attachments, Forms <fb:name uid='$user_id' useyou='false' /> <fb:profile-pic size='square' uid='$friend' facebook-logo='true'></fb:profile-pic> <fb:comments numposts="4" title="Commenta la mia applicazione" xid="principale"></fb:comments>
  • 47. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 47/65 Facebook Framework FQL - Facebook Query Language Il Facebook Query Language, o FQL, permette di usare una interfaccia SQL like per interrogare facilmente le informazioni presenti all'interno di Facebook (che principalmente risiedono su MySQL e Cassandra) .. assumento che la tua applicazione ne abbia accesso :) Di seguito un elenco delle tabelle interrogabili tramite FQL: album, application, comment, cookies, connection, daily_metrics, developer, event, event_member, family, friend, friend_request, friendlist, friendlist_member, group, group_member, link, link_stat, listing, mailbox_folder, message, metrics, note, notification, page, page_admin, page_fan, permissions, photo, photo_tag, profile, standard_friend_info, standard_user_info, status, stream, stream_filter, thread, translation, user, video, video_tag http://developers.facebook.com/docs/reference/fql/
  • 48. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 48/65 Facebook Framework FQL - Facebook Query Language Oltre di accedere ai campi, FQL si permette di implementare un subset base di funzioni SQL: now() Returns the current time. rand() Generates a random number. strlen(string) Returns the length of the string. concat(string, ...) Concatenates the given strings (can take any number of strings). substr(string, start, length) Gets a substring of the string. strpos(haystack, needle) Returns the position of needle in haystack, or -1 if it is not found. lower(string) Converts the string to lower case. upper(string) Converts the string to upper case. strip_tags(field) Strips HTML markup and encoding from a specified FQL field.
  • 49. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 49/65 Facebook Framework FQL Leggiamo i profili di Matteo Baccan (543107502) e Beppe Grillo (510445092) SELECT name,pic_square_with_logo,uid from user WHERE uid IN (510445092,543107502) https://api.facebook.com/method/fql.query?query=<QUERY>
  • 50. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 50/65 Facebook Framework Le API Facebook utilizzano un'interfaccia REST. Questo significa che ogni chiamata verso le API Facebook si trasforma in una chiamata HTTP GET o POST verso il REST server di Facebook http://api.facebook.com/restserver.php Grazie a questa tecnica, praticamente qualsiasi linguaggio di programmazione può essere utilizzato per comunicare verso il REST server. Flusso di una chiamata REST ● Creare una chiamata HTTP GET/POST verso il rest server, indicando il formato della risposta (XML/JSON) ● Facebook restituisce il risultato Il alcuni casi occorre autenticare la chiamata verso Facebook Le applicazioni richiedono invece l'API Key e talvolta la Private Key Normalmente le librerie client REST fanno la maggior parte del lavoro :) REST API (obsolete)
  • 51. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 51/65 Facebook Framework * Administrative Methods * Login/Auth Methods * Data Retrieval Methods (FQL) * Publishing Methods * Facebook Connect Methods * Mobile Methods * Photos API Methods * Events API Methods * Custom Tags API Methods Ma quali sono i metodi che implementano le API REST?
  • 52. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 52/65 Facebook Framework FQL – via REST API Le chiamate FQL, sono chiamate all'API fql.query
  • 53. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 53/65 Facebook Framework FQL – via REST API Le chiamate FQL, sono chiamate all'API fql.query
  • 54. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 54/65 Facebook Java Framework Lato Java abbiamo più modi per accedere alle API REST di FB ● Facebook-Java-Api - http://code.google.com/p/facebook-java-api/ Al momento la libreria più attiva e matura di interfacciamento a Facebook. È open-source e il progetto è stato costruito attorno al precedente client ufficiale di Facebook. ● FQLJdbc - http://www.saurik.com/ Si tratta di un driver di tipo 4, implementato in modo minimale, che permette l'accesso ai dati di Facebook ● TinyFBClient – Un client minimale di accesso alle API rest ● TinyFBTaglib – Una taglibrary in grado di richiamare le Facebook API ● FB4J - http://fb4j.sourceforge.net/ Si tratta di una API che permette di utilizzare Facebook tramite un modello ad oggetti, e supporta sia l'approccio JSON che XML External Desktop Application – Iniziamo ad usare Java
  • 55. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 55/65 Facebook Java Framework FQLJDBC – esempio di codice Class.forName("com.saurik.fql"); java.sql.Connection cn = DriverManager.getConnection( "jdbc:saurik:fql:<chiave applicazione>;secret=<secret>;session=<sessione>” ); java.sql.ResultSet rs = cn.prepareStatement(“<sql>”).executeQuery(); java.sql.ResultSetMetaData md = rs.getMetaData(); for (int i = 0; i != md.getColumnCount(); ++i){ System.out.println(i + ": " + md.getColumnName(i + 1)); } while (rs.next()){ for (int i = 0; i != md.getColumnCount(); ++i){ System.out.println(i + ": " + rs.getString(i + 1)); } }
  • 56. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 56/65 Facebook Java Framework FQLJDBC Leggiamo i profili di Matteo Baccan (543107502) e Massimiliano Dessì (620573121) SELECT name,pic_square_with_logo,uid from user WHERE uid IN (543107502,620573121) 0: Massimiliano Dessì 1: http://external.ak.fbcdn.net/safe_image.php?d=9fa0c5d81f0c882d1785bebdac22f74c&url=http%3A%2F %2Fprofile.ak.fbcdn.net%2Fhprofile-ak-snc4%2Fhs629.ash1%2F27478_620573121_8991_q.jpg&logo&v=5 2: 620573121 0: Matteo Baccan 1: http://external.ak.fbcdn.net/safe_image.php?logo&d=df2423464e659b992962834775474294&url=http %3A%2F%2Fprofile.ak.fbcdn.net%2Fv22939%2F69%2F45%2Fq543107502_7574.jpg&v=5 2: 543107502 Vediamo quali gruppi di amici ha Matteo Baccan (543107502) SELECT flid,name FROM friendlist WHERE owner=543107502 0: 142792822502 1: html2pop3
  • 57. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 57/65 Facebook Java Framework FQLJDBC Leggiamo il nome visualizzato dell'applicazione PANDORO (828a6de854bf57efa86d16ad0be4e4c9) SELECT display_name from application where api_key='828a6de854bf57efa86d16ad0be4e4c9' 0: pandoro Vediamo gli UID nella coda di autorizzazione di Matteo Baccan (543107502) SELECT uid_from FROM friend_request WHERE uid_to=543107502 0: 600839495 0: 1236032468 0: 100000458731349 0: 1558853143 0: 1392317747 0: 1637061688 0: 100000440891623 0: 505415099
  • 58. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 58/65 Facebook Java Framework Facebook JAVAAPI – 3.0.2 – esempi utilizzo String APIKEY = "828a6de8000000000000ad0be4e4c9"; String SECRET = "e6f28edbd9000000000000d7d44f49004"; String SESSION= "2.bVyXXRlgsWOyCVQRwQoLxg__.3600.1276322400-000000000"; FacebookJaxbRestClient client = new FacebookJaxbRestClient(APIKEY, SECRET, SESSION); FacebookJaxbRestClient client = new FacebookJaxbRestClient(APIKEY, SECRET); String token = client.auth_createToken(); String URL="http://www.facebook.com/login.php?api_key="+APIKEY+"&v=1.0&auth_token="+token; System.out.println("Copy the URL below into a browser to authenticate. Close the browser and press return."); System.out.println(URL); System.in.read();
  • 59. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 59/65 Facebook Java Framework Facebook JAVAAPI INIT USER: 543107502 291927024331 828a6de854bf57efa86d16ad0be4e4c9 pandoro http://static.ak.fbcdn.net/rsrc.php/z4XGZ/hash/7abvozy3.gif http://photos-d.ak.fbcdn.net/photos-ak-sf2p/v43/187/291927024331/app_1_291927024331_5177.gif Applicazione di prova delle Facebook API 0 0 5 FINE
  • 60. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 60/65 Facebook Java Framework Facebook JAVA filter IfacebookRestClient<Document> userClient = new FacebookXmlRestClient(api_key, secret); FacebookWebappHelper<Document> facebook = new FacebookWebappHelper<Document>(request, response, api_key, secret, userClient); String nextPage = request.getRequestURI(); nextPage = nextPage.substring(nextPage.indexOf("/", 1) + 1); //cut out the first /, the context path and the 2nd / boolean redirectOccurred = facebook.requireLogin(nextPage); if(redirectOccurred) { return; } redirectOccurred = facebook.requireFrame(nextPage); if(redirectOccurred) { return; } facebookUserID = userClient.users_getLoggedInUser();
  • 61. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 61/65 Facebook Java Framework Facebook JAVA filter web.xml <filter> <display-name>FacebookUserFilter</display-name> <filter-name>FacebookUserFilter</filter-name> <filter-class>test.FacebookUserFilter</filter-class> </filter> <filter-mapping> <filter-name>FacebookUserFilter</filter-name> <url-pattern>/test/*</url-pattern> </filter-mapping>
  • 62. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 62/65 Facebook Java Framework Simply Facebook È una libreria pensata per essere il più semplice possibile. Utilizza JSON per la codifica dei dati, httpclient e common logging. Secondo le indicazioni dell'autore, vista la sua conformazione, dovrebbe essere utile sulla piattaforma Android FacebookLogin login = new FacebookLogin (); login.setAPIKey("828a6de854bf00000000000ad0be4e4c9"); login.setResponseFromExternalBrowser(new URL ("http://www.baccan.it/javaday2010/? session={"session_key":"2.bVyXXRlgsWOyCVQRwQoLxg__.3600.1276322400- 000000000","uid":"543107502","secret":"e6f28edbd000000000000044f490 04"}")); FacebookRestClient client = new FacebookRestClient (login); Response r = client.getData ("Friends.get"); System.out.println (r.status + " " + r.data);
  • 63. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 63/65 Facebook Framework
  • 64. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 64/65 Facebook Framework Alcuni link ● Questo materiale http://www.baccan.it ● La mia azienda http://www.moonlab.it ● Facebook http://www.facebook.com ● Add Developer App http://www.facebook.com/developers ● Documentazione http://developers.facebook.com/docs/ ● Developer Forum http://forum.developers.facebook.com ● FQL http://developers.facebook.com/docs/reference/fql/ ● FBML http://developers.facebook.com/docs/reference/fbml/ ● REST-API http://developers.facebook.com/docs/reference/rest/ ● Graph API http://developers.facebook.com/docs/reference/api/ ● Facebook Java API http://code.google.com/p/facebook-java-api/wiki/Examples
  • 65. Facebook Framework - Matteo Baccan - matteo@baccan.it30/01/15 65/65 Facebook Framework Matteo Baccan lovecat matteo@baccan.it