Ingat Waktu Coy

Senin, 30 Juli 2012

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? -












___.`Sumber: aing-creations.blogspot

0 komentar:

Posting Komentar

Comment