{"id":1014,"date":"2012-06-04T21:15:59","date_gmt":"2012-06-04T19:15:59","guid":{"rendered":"http:\/\/www.flapane.com\/blog\/?p=1014"},"modified":"2013-11-20T23:18:42","modified_gmt":"2013-11-20T22:18:42","slug":"howto-utilizzare-le-api-di-facebook-nel-vostro-sito-web-un-esempio-pratico","status":"publish","type":"post","link":"https:\/\/www.flapane.com\/blog\/2012\/06\/howto-utilizzare-le-api-di-facebook-nel-vostro-sito-web-un-esempio-pratico\/","title":{"rendered":"HOWTO: Utilizzare le API di Facebook nel vostro sito web – un esempio pratico"},"content":{"rendered":"

\"API<\/p>\n

Volendo facilitare la vita a coloro i quali volessero firmare la nuova versione del Guestbook, ho pensato di provare ad inserire un metodo per compilare automaticamente tutti i campi del nuovo Guestbook<\/a> (tranne quello dove scrivere il commento vero e proprio \ud83d\ude42 ) tramite il log-in col proprio account di Facebook (che io per\u00f2 non utilizzo, ndr).<\/p>\n

Prima di tutto bisogna registrarsi per ottenere una chiave API di Facebook<\/strong> all’indirizzo developers.facebook.com<\/a>. Bisogna creare una nuova applicazione Web, darle un nome, ed inserire l’indirizzo del proprio sito nei campi “App Domains” e “Website with Facebook Login”.<\/p>\n

Poi scaricate l’SDK per comunicare con Facebook via PHP da github a questo indirizzo<\/a>, e caricatelo sul server FTP.<\/p>\n

Create un nuovo file PHP e copiate al suo interno questo codice che ho scritto, per loggarsi tramite Facebook:<\/p>\n<\/span><\/p>\n

<?\r\n\/\/Facebook SDK and PHP, a pratical example for parsing Name,email,web address and avatar of an user. Code by flapane.com\r\nrequire \"facebook\/facebook.php\";\r\n$facebook = new Facebook(array(\r\n\u00a0\u00a0\u00a0 'appId'\u00a0 => YOURAPPID,\r\n\u00a0\u00a0\u00a0 'secret' => YOURSECRETID,\r\n));\r\n\r\n$user = $facebook->getUser();\r\n\r\nif ($user) {\r\n\u00a0 try {\r\n\u00a0\u00a0\u00a0 $user_profile = $facebook->api('\/me');\r\n\r\n\u00a0\u00a0 \u00a0\u00a0 $fbname = $user_profile['name'];\r\n\u00a0\u00a0 \u00a0\u00a0 $fblink = $user_profile['link'];\r\n\u00a0\u00a0 \u00a0\u00a0 $fbmail = $user_profile['email'];\r\n\u00a0\u00a0 \u00a0\u00a0 $fbid = $user_profile['id']; \/\/per l'avatar utente\r\n\u00a0 } catch (FacebookApiException $e) {\r\n\u00a0\u00a0\u00a0 \/\/ The access token we have is not valid\r\n\u00a0\u00a0\u00a0 $user = null;\r\n\u00a0 }\r\n}\r\n\r\nif ($user) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 $logoutUrl = $facebook->getLogoutUrl();\r\n\u00a0\u00a0 \u00a0\u00a0 $access_token = $facebook->getAccessToken();\r\n\u00a0\u00a0 \u00a0\u00a0 $logout_landing_page = \"http:\/\/www.yourwebsite.com\/index.php\";\r\n\u00a0\u00a0 \u00a0\u00a0 $logout_url = \"https:\/\/www.facebook.com\/logout.php?access_token=\".$access_token.\"&confirm=1&next=\".$logout_landing_page;\r\n\u00a0\u00a0\u00a0 } else {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 $loginUrl = $facebook->getLoginUrl();\r\n\u00a0\u00a0\u00a0 }\r\n?>\r\n<?php \r\nif (!$user): ?>\r\n\u00a0\u00a0 <div id=\"fb-root\" style=\"display:none\"><\/div>\r\n\u00a0\u00a0 \u00a0<script language=\"javascript\" type=\"text\/javascript\"> \/\/modifica per validazione w3c\r\n\/\/<![CDATA[\r\ndocument.write('<fb:login-button size=\"medium\" scope=\"email\">Login with\/Accedi con Facebook<\/fb:login-button>');\r\n\/\/]]>\r\n\u00a0\u00a0 \u00a0<\/script>\r\n<?php endif ?>\r\n\u00a0\u00a0\u00a0 <script type=\"text\/javascript\">\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 window.fbAsyncInit = function() {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 FB.init({\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 appId\u00a0\u00a0\u00a0\u00a0\u00a0 : '<?php echo $facebook->getAppID() ?>',\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 status\u00a0\u00a0\u00a0\u00a0 : true, \r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 cookie\u00a0\u00a0\u00a0\u00a0 : true,\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 xfbml\u00a0\u00a0\u00a0\u00a0\u00a0 : true,\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 oauth\u00a0\u00a0\u00a0\u00a0\u00a0 : true,\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 });\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 FB.Event.subscribe('auth.login', function(response) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 window.location.reload();\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 });\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 };\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 (function(d){\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 js = d.createElement('script'); js.id = id; js.async = true;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 js.src = \"\/\/connect.facebook.net\/en_US\/all.js\";\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 d.getElementsByTagName('head')[0].appendChild(js);\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }(document));\r\n\u00a0\u00a0\u00a0 <\/script>\r\n<? if ($user) {\r\necho \"<img src='http:\/\/graph.facebook.com\/$fbid\/picture' title='Sei loggato come\/Logged in as $fbname' alt='Sei loggato come\/Logged in as $fbname' \/><br \/><a href='$logout_url'><img src='facebook\/facebook-logout-button.png' title='Logout' \/><\/a>\"; \/\/mostra avatar utente e logout button\r\n}\r\n?><\/pre>\n
<\/span>\n
Sostituite a YOURAPPID e YOURSECRETID le chiavi che avete ottenuto da Facebook for Developers, salvate e caricate la pagina PHP appena creata.<\/p>\n
Aprendola, vi verr\u00e0 chiesto di effettuare il login tramite Facebook (ed apparir\u00e0 il pop-up che elencher\u00e0 le autorizzazioni richieste). Effettuato il log-in, sarete in possesso dei dati dell’utente (oltre che dell’avatar, che apparir\u00e0 direttamente nella pagina, una volta effettuato il log-in).<\/p>\n
I dati (nome, sito web, email ed avatar) sono contenuti nelle variabili:<\/p>\n<\/span><\/p>\n
$fbname = $user_profile[‘name’];
\n$fblink = $user_profile[‘link’];
\n$fbmail = $user_profile[‘email’];
\n$fbid = $user_profile[‘id’]; \/\/per l’avatar utente<\/span><\/p><\/blockquote>\n
<\/span>\n
A quel punto, potrete utilizzarli come meglio volete (per esempio, per compilare automaticamente i campi del Guestbook).<\/p>\n
E voi utilizzate Facebook o altri social network per facilitare l’accesso al vostro sito? Che metodo avete utilizzato?<\/p>\n","protected":false},"excerpt":{"rendered":"
Volendo facilitare la vita a coloro i quali volessero firmare la nuova versione del Guestbook, ho pensato di provare ad inserire un metodo per compilare automaticamente tutti i campi del nuovo Guestbook (tranne quello dove scrivere il commento vero e proprio \ud83d\ude42 ) tramite il log-in col proprio account di Facebook[…]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[7],"tags":[212,211,24,14],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t