Membuat applikasi Facebook

Saturday, December 4, 2010

hii.. kali ini saya akan bermaksud memposting bagaimana cara saya membuat applikasi di FACEBOOK

teknik dasar ini berguna untuk kalian yang baru pertama kali bermain dengan apps facebook , ada 2 tipe cara pembuatan apps facebook sendiri yaitu :

1. Facebook platform yg baru (Graph API)
2. Facebook platform lama (OLDRest API)

nah kalo aku sendiri masih pake yang teknik lama / platform lama , hhaha
belum sempat dalemin yang baru lg , walaupun sebenernya yang baru lebih simple :D

oh iya FACEBOOK punya bahasa pemprograman sendiri , berbeda dengan HTML pada umumnya facebook punya bahasa pemprograman sendiri yang namanya FBML
untuk FBML nya bisa kamu pelajarin sendiri , cari tu di google banyak yg bahas , takut ga fokus juga kalau aku bahasa disini...

ok , sekarang balik lagi ke topik awal , CARA MEMBUAT APPS FACEBOOK
follow ma step ...

btw sebelum melangkah , pastikan kamu punya webhosting ya..
ini penting karena kita akan meng upload script apps kita di webhosting kita , dan akan kita call
di facebook melalui canvas URL nya ( dijelaskan nanti )
kamu bisa cari sendiri webhost yg sesuai untuk kamu sendiri , yg penting
HARUS SUPORT PHP
contohnya :

1. 000webhost.com
2. freewebhostingarea.com
3. byethost.com <<< Host yang aku pake cos suport untuk phising juga si , wkkwkw
ga beribet kek host lain yang ada fasilitas auto filternya untuk delete file yang berhubungan
dengan phising , udah vista panel lagii , TOP BGT lah , hha xD )


1. kamu harus register applikasi facebook dulu , masuk ke halaman ini ya , beri nama apps kamu
( contoh via Blackberry , via Iphone, etc , untuk update status via blackberry , dll yang akan dijelaskan di tutor selanjutnya )
nah untuk sekarang , kasih nama apa aja dulu terserah :)
http://www.facebook.com/developers/createapp.php


lalu klik create application

2. pada menu ABOUT isi basic information



3. klik menu Facebook Integration



- Isi Canvas Page : Canvas Page adalah URL untuk mengakses applikasi kita
Contoh : http://apps.facebook.com/nama_app/

- Isi Canvas URL : Canvas URL adalah URL file script applikasi yang kita buat pada web
hosting mu
Contoh : http://webhostingankamu.com/fbapps/index.html/
Atau kalo halaman utama applikasi menggunakan file index.php jg bisa ditulis
http://webhostingankamu.com/fbapps/
(ga usah mengarah ke file .php nya langsung , cukup direktorinya aja )
Inget penulisan URL harus diakhiri tanda /

- Pada bagian Canvas Type sebelumnya disebut Render Method. Pilih FBML


4. Setelah selesai klik SAVE

Lalu akan muncul halaman ini



Nah mulai dari sini kita bakalan mulai masuk ke langkah yang sebenarnya , haha , ada beberapa item yg perlu dicatat untuk keperluan applikasi kita :
- Application ID
- API Key
- Application Secret

API key and Application Secret code dapetnya di bagian menu Facebook Integration waktu kita bikin apps untuk pertama kalinya itu lho , coba kamu cek .. xD

Well, kita mulai membuat script applikasinya



CARA LAMA : MEMBUAT APP DENGAN OLD REST API
Yang dibutuhkan :
- Web hosting yang support PHP
- Facebook platform lama (OLDRest API). Terdiri dari beberapa file
Download dan extract facebook platform yg lamattp://ouji.fileave.com/fb_old_platform.rar
Buat file index.php yang isinya :

<?php
//Include facebook platform
require 'facebook.php';

//Setting API key dan Application Secret
$apikey = 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX';
$secretkey = 'YYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYY';

$facebook = new Facebook($apikey, $secretkey);

//Request permission untuk user login
$user_id = $facebook->require_login();

//Kontent
$fbml = "<h1>Contoh Facebook OLD REST API (UNTUK CANVAS APPS)</h1>"
. "<hr/>"
. "<p>Ini adalah demo aplikasi Old Rest API dengan PHP </p>"
. "<fb:profile-pic uid=\"$user_id\" size=\"square\"/><br />"
. "Welcome : <fb:name uid=\"$user_id\" useyou=\"false\" /><br />"
. "User ID: " . $user_id;

echo $fbml;

?>

Sample App : http://apps.facebook.com/nama_apps/

Keterangan :
- File index.php inilah yang dituliskan pada Canvas URL
- Sesuaikan bagian yang merah dengan URL facebook platform yang sudah diupload

require 'facebook.php';

- Ganti API key dan Application secret apps kita masing2.


Content HTML bisa kita ubah sesuai keinginan, bisa mp3 player, youtube, flash game yang diijinin sama FBML facebook, selengkapnya bisa kamu dipelajarin disini :

http://developers.facebook.com/docs/reference/fbml/

Ok sekian dulu tutor dari aku , wish u undestand , klo ada masalah atau apa2 bisa kamu tanyain disini , dan bisa chat langsung , klo pas lg online juga ya , hha xD

setelah ini , bakalan akuajarin caranya bikin apps facebook untuk update status via apa aja
yg pasti bkan lebih seru dari ini ( jelas in kan baru dasar ,hha )

ok sekian , thx ~

NB : KALO PIC NYA GA JELAS , KLIK AJ YA UNTUK PERBESAR :)