Navbar

Global Var

Rabu, 07 November 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? -









0 komentar:

Comments Utility