Come programmare la facebook connect dopo il login (esempi di codice)

Nella sterminata prateria del codice sorgente per programmare la connect di Facebook porto la mia piccola esperienza che si traduce in un versione beta di un sito (Opinion - Peoples's feedback) in cui si possono votare in modo anonimo i propri amici di Facebook.
Vediamo come fare:
Innanzitutto per testare la demo è necessario fare login al social network tramite l'apposito bottone "fconnect" raggiungibile dal link "Vota" oppure "Opinione"

esempi codice programmare facebook connect login
A questo punto il codice propone casualmente 3 amici dell'utente loggato. Una volta scelto l'amico che si vuole votare vengono presentate le caratteristiche e registrato il voto su tabelle di un db MySql (il tutto con rigoroso codice Ajax per rendere veloce ed intuitiva l'interazione con la pagina di voto).
Per programmare sfruttando la connect di Facebook bisogna collegarsi alla sezione di programmazione di Facebook e ricevere l'ID da inserire come ho fatto io nelle prime righe di codice della prima parte della pagina di votazione (dove vengono proposti casualmente i 3 amici) :
        
<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.init("inserire qui il codice");</script>  
 

<fb:login-button v="2" size="small">Connect</fb:login-button>
<span>Benvenuto<fb:name uid=loggedinuser useyou='false'></fb:name></span>
<div id="profile_pics"></div>
   <script type="text/javascript">
   var widget_div = document.getElementById("profile_pics");
   FB.ensureInit(function () {
   FB.Facebook.get_sessionState().waitUntilReady(function() {
   FB.Facebook.apiClient.friends_get(null, function(result) {
   var markup = "";
   var num_friends = result ? Math.max(1, result.length) : 0;
   if (num_friends > 0) {
      markup  = '<form name="form1" method="post" action="opinion23.php" >';
      markup += '<fieldset><legend>Scegli un amico</legend>';
      var bestn = 3;
      for (var i=0; i<bestn; i++) {
         var randindex=Math.floor(Math.random()*num_friends)
         markup += '<div align="middle" style="width:120px; height:120px; float:left;">';
         markup += '<input type="radio" name="usermail" value="'+result[randindex]+'">';
         markup += '<fb:name uid="'+result[randindex]+'" useyou="false" linked="false"></fb:name>';
         markup += '<fb:profile-pic size="square" uid="'+result[randindex]+'" facebook-logo="true"></fb:profile-pic>';
         markup += '</div>';
      }
      markup += '</fieldset>';
      markup += '<input type="submit" name="Submit" value="Continua">';
      markup += '</form>';
   }
   widget_div.innerHTML = markup;
   FB.XFBML.Host.parseDomElement(widget_div);
   });
   });
   });

</script>


Dopodichè è necessario fare un po' di esperienza con i metodi e le proprietà deglio oggetti che si vanno a programmare (da questo punto di vista è molto utile la wiki dei programmatori facebook). Un po' di esperienza in programmazione PHP, HTML e Javascript sono poi gli ingredienti che rendono più semplice la comprensione del codice.
Buon divertimento ...

Commenti

Post popolari in questo blog

Alla scoperta della Fonte Miracolosa di Garlasco: Un Viaggio tra Speranza e Autenticità

Velocizzare ed ottimizzare il codice di programmazione vba excel in 2 passi

ma Amazon FBA funziona davvero?