CSS

Thursday, January 19, 2012

ngobrol bareng soal Facebook Graph API

Kalo buat tetek bengek gono gini soal graph API-nya bisa di baca di Facebook Developers kan? Semua juga udah pada tau lah.., Yang mau diobrolin disini, cuman cara ngolah datanya aja, ya lumayan lah daripada lo manyun.

Cara buat manggil/request/ngirim/post/send/delete/whatever ke graph API itu yang paling gampang dimengerti katanya pake callback.   Apaan tuh callback gw juga gak ngarti wkwkwk.. XD ,, mending kita ikutan aja dah apa kata orang-orang :P (iya nggak?!).

Simple script buat SMS-an sama graph API

function taroskeunKaApi(uri){
  var sekrip=document.createElement('script'); 
      sekrip.async='true'; 
      sekrip.src=uri; 

  document.getElementsByTagName('head')[0].appendChild(sekrip);
}

Cara manggil/nyala'in/nge-eksekusi script diatas

taroskeunKaApi('http://graph.facebook.com/pesbuk?callback=hasilNa');

Nah hasilnya tuh kaya gini.. (coba aja clik link diatas)

/**/ hasilNa({
   "id": "1095399460",
   "name": "Bara Patiradjawane",
   "first_name": "Bara",
   "last_name": "Patiradjawane",
   "username": "Pesbuk",
   "gender": "male",
   "locale": "en_US"
});

Sekarang tinggal ngolah data diatas biar jadi enak dimakannya

Pertama kita bikin dulu element/tempat buat nampilin pilem bokep tadi
<div id="laporan-hasil-kegiatan" style="min-width:300px"></div>
baru kita bisa mulai ngolah adonan datanya
function hasilNa(naon){
  var tulisLah='';

  if(naon.id){
    tulisLah+='<img src="http://graph.facebook.com/'+naon.id+'/picture" style="float:left; margin:0 10px 0 0"/>';
  }

  if(naon.name){
    tulisLah+='<h3 style="margin:0">'+naon.name+'</h3>';
  }

  if(naon.username){
    tulisLah+='<i>'+naon.username+'@facebook.com</i>';
  }

  if(naon.gender && naon.locale){
    tulisLah+='<div>seorang '+naon.gender+' berbahasa '+naon.locale+'</div>';
  }

  tulisLah+='<div style="clear:both"></div>';

  document.getElementById('laporan-hasil-kegiatan').innerHTML=tulisLah;
}

dan tampilan pun siap untuk disantap
(akan lebih nikmat jika dihidangkan bersama saos tiram)





- Gimana? -