Sabtu, 18 Juni 2011

Membuat aplikasi pada facebook dengan PHP-SDK

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!!!
arrow Web hosting yang support PHP 5.
arrow cURL support Enable
arrow 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 ini
o ia jangan lupa simpan dengan ekstensi .php
setelah selesai dibuat download  facebook platform PHP-SDK di sini arrow 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
Tombol masuk.png = ganti dengan (gambar tombol masuk)
Sumber script = isi dengan sumber (source) aplikasi anda
id aplikasi = isi dengan id aplikasi anda

lanjutlakukan proses hosting terhadap semua file yang telah anda buat ke dalam hostingan yang support dengan Php 5, ingat ada 3 file penting yang anda harus upload ke hostingan yaitu (facebook.php, script_aplikasi.php dan index.php)
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
Selamat mencoba semoga bermanfaat dan berhasil...
Tutorial by Kalvari Mangngesu... >----|>

4 komentar:

  1. boleh minta rekomendasi webhostingnya ga??

    BalasHapus
  2. Sorry baru balas... habis cek hostingan nih...
    pilih salah satu aja...
    - http://byethost.com/index.php/
    - http://000space.com/
    - http://www.freewebhostingarea.com/

    BalasHapus
  3. ok deh bang.. tengkyu yaa...^^
    kya nya 000space pernah coba.. tp dulu.. +_+

    BalasHapus

Artikel Populer