Yang sering nongkrong di facebook pasti tau dong aplikasi facebook. tapi taunya cuma pake kan? hehehe sama kayak saya... Nah bagaimana kalau kita sama-sama belajar bikin aplikasi facebook...!! Setuju...? ok setuju aja deh... :D Kali aja ada yang berminat jadi Developer Aplikasi Facebook...
sebelum jauh membahas tentang cara membuat aplikasi facebook, anda harus memiliki pengetahuan dasar tentang pemrograman web seperti Html, Php, Css, Javascript, dll...
Beberapa waktu yang lalu facebook memperbarui PHP-SDK menjadi versi 3.0.1, dan juga menambahkan cara baru untuk authentication.
Facebook juga akan segera mengupdate javascript SDK. Tetapi sekarang kita masih menggunakan authentication sepenuhnya dengan PHP. Oke langsung menuju Tekape.Yang dibutuhkan : !!!PENTING!!!
Web hosting yang support PHP 5.
cURL support Enable
Https protocol Enable
Pertama register applikasi facebook dulu
Masuk ke halaman http://www.facebook.com/developers/createapp.php
selanjutnya kita akan membuat script aplikasinya terserah codingnya seperti apa...
konsepnya tergantung anda... kali ini saya hanya membuat halaman sambutan sederhana dengan Css Php dan Html
preview tampilannya seperti inio ia jangan lupa simpan dengan ekstensi .php
setelah selesai dibuat download facebook platform PHP-SDK di sini https://github.com/facebook/php-sdk/ kumpulkan menjadi satu folder dengan script aplikasi yang telah anda buat
nah setelah itu kita akan membuat file index.php yang isinya :
seperti ini
<?phprequire_once 'facebook.php'; //Php-SDK yang telah di download$apikey = 'API Key aplikasi';$secretkey = 'kode rahasia aplikasi';$facebook = new Facebook($appapikey, $appsecret);
$user_id = $_POST['fb_sig_profile_user'];
$profile_boxes = '';
$profile_main = '';?><br><br><center><div id='iframeLinkDiv'><a clicktohide='iframeLinkDiv' onclick='outside_location.setInnerFBML(link_1);' style='cursor: pointer;'><img src='tombolmasuk.png' border='0'/></a></div></center>
<script type='text/javascript' charset='utf-8'>var outside_location = document.getElementById('outside_location');</script><div id='outside_location'></div><fb:js-string var='link_1'><fb:iframe width='400' height='500' allowTransparency='true' frameborder='0' scrolling='no' style='width:100%; border:none' src='Sumber Script aplikasi anda'></fb:iframe></fb:js-string><br><br>
<DIV align=Center><br><br><fb:add-profile-tab /><br><br><br><center><font color=#ff0000 face=Courier> Copyrigth 2011 </font></center></center><fb:comments xid='id aplikasi atau facebook anda'></fb:comments></center>
dalam kode di atas isi perhatikan teks warna biru
API key = isi dengan API key aplikasi anda
Kode rahasia aplikasi = Isi dengan kode rahasia aplikasi anda
API key = isi dengan API key aplikasi anda
Kode rahasia aplikasi = Isi dengan kode rahasia aplikasi anda
Tombol masuk.png = ganti dengan (gambar tombol masuk)
Sumber script = isi dengan sumber (source) aplikasi anda
id aplikasi = isi dengan id aplikasi anda
id aplikasi = isi dengan id aplikasi anda
sekarang anda tinggal melakukan konfigurasi pada aplikasi facebook yang telah anda buat seperti pada gambar di bawah ini- Halaman kanvas isi dengan nama aplikasi anda (jangan pake spasi)
- Isi URL kanvas dengan URL file index yang telah anda upload sebelumnya.
- Jika anda mengaktifkan Mode SSL Facebook silahkan isi Pada Secure Canvas URL
jika selesai akses aplikasi yang telah anda buat dan hasilnya seperti ini
jika selesai akses aplikasi yang telah anda buat dan hasilnya seperti ini
boleh minta rekomendasi webhostingnya ga??
BalasHapusSorry baru balas... habis cek hostingan nih...
BalasHapuspilih salah satu aja...
- http://byethost.com/index.php/
- http://000space.com/
- http://www.freewebhostingarea.com/
ok deh bang.. tengkyu yaa...^^
BalasHapuskya nya 000space pernah coba.. tp dulu.. +_+
sama2... slamat mencoba... ^_^
BalasHapus