Posted on Thursday, 28th May 2009 by zairvai
Berikut adalah langkah-langkah untuk membuat aplikasi facebook. Sebelum anda memulai, ada beberapa kriteria yang harus diketahui, yaitu:
1. memahami salah satu bahasa pemrograman seperti php, javascript, ruby atau phyton (wajib).
2. memahami penggunaan ssh,ftp atau mysql database.
3. memiliki hosting server yang mendukung bahasa2 program diatas.
======================================================
langkah – langkah awal membuat aplikasi facebook :
Setting aplikasi dalam facebook
1. buka dan bergabung ke dalam komunitas facebook apps. kemudian klik ‘Allow’.
2. Buka aplikasi developer kemudian klik ‘setup a new application’. beri nama aplikasi anda lalu cek ‘term and condition’ kemudian submit.
3. perhatikan API KEY dan SECRET KEY.
4. Klik ‘edit setting’, masuk ke bagian Canvas tab
5. Canvas Page Url adalah alamat url aplikasi anda didalam facebook. nama ini akan anda gunakan untuk membuka aplikasi facebook http://apps.facebook.com/namaaplikasi
6. Canvas Callback Url adalah alamat url file aplikasi facebook yang anda simpan dalam server hosting.
misalkan http://www.domainkamu.com/aplikasifacebook/ atau bisa juga berbentuk ip http://xxx.x.x.x/aplikasifacebook/
7. kalau semua sudah ok bisa langsung klik ‘save changes’
Setting aplikasi dalam server hosting
1. Download facebook API platform client
2. extract file tersebut
3. upload file ke dalam folder aplikasi facebook pada server hosting. misal folder “aplikasifacebook”
4. buat satu file ‘index.php’
5. kemudian copy paste code berikut ke index.php pada langkah 4
<?php
// Copyright 2007 Facebook Corp. All Rights Reserved.
//
// Application: sample_a
// File: 'index.php'
// This is a sample skeleton for your application.
//
require_once 'facebook.php';
$appapikey = '77d7a828bdae279477a5bfbf7600a3e5';
$appsecret = '40e0597bb6b21ccb150c73fc35c17b46';
$facebook = new Facebook($appapikey, $appsecret);
$user_id = $facebook->require_login();
// Greet the currently logged-in user!
echo "<p>Hello, <fb:name uid=\"$user_id\" useyou=\"false\" />!</p>";
// Print out at most 25 of the logged-in user's friends,
// using the friends.get API method
echo "<p>Friends:";
$friends = $facebook->api_client->friends_get();
$friends = array_slice($friends, 0, 25);
foreach ($friends as $friend) {
echo "<br>$friend";
}
echo "</p>";
6. perhatikan
require_once ‘facebook.php’; (pada line ke 15)
pastikan index.php berada satu folder dengan facebook.php (dari file yang telah anda extract tadi)
susuan folder “applikasifacebook”
->index.php
->facebook.php
->folder/file hasil extract lainnya
7. lalu pada index.php ganti $appapikey = ‘api key anda’ dan $appsecret = ‘secret key anda’
8. simpan file.
9. buka http://apps.facebook.com/nama_aplikasi_anda (nama aplikasi yang anda setup pada canvas page url)
10. aplikasi akan mengeluarkan list facebook id milik 25 kawan anda
selamat mencoba.
untuk pertanyaan silahkan kirim komentar.
Tags: facebook tutorial
Kategori Tutorial | Comments (19)
19 Responses to “Memulai membuat aplikasi facebook”
Posted: May 29th, 2009 at 7:23 PM
mantap!!!, berhasil dicoba
Posted: Aug 22nd, 2009 at 11:44 PM
kalo cuma ngerti sedikit html bisa gak? padahal pengin banget bikin apps di facebook.
mamapir ke blog saya kalo sempat terima kasih , salam kenal juga
Posted: Aug 23rd, 2009 at 2:50 AM
kalau hanya tampilan statis aja bisa dengan HTML. PHP digunakan kalau ada interaksi dengan Database atau tampilan dinamis. untuk lebih lengkapnya bisa dilihat di http://wiki.developers.facebook.com/index.php/FBML
Posted: Oct 24th, 2009 at 7:30 AM
tak coba dulu.. ntar kalo bingung tak kesini lagi bos..
tertarik banget nie
Posted: Nov 7th, 2009 at 11:53 PM
anda tidak menjelaskan knp anda harus men-setting aplikasi facebook anda.
anda tidak menjelaskan detail tiap dari perubahan.
Jadi sangat sulit bagi orang yang baru belajar untuk mengetahui hal itu.
dan harus anda pahami jika orang sudah memahami bahasa script dll, buat apa mereka search di google dengan keyword membuat aplikasi facebook.
terima kasih
Posted: Nov 8th, 2009 at 1:58 AM
halo aldy, makasih atas sarannya, next time saya akan buat tutorial dengan lebih detail, maklum terbatas waktu utk itu jadi terburu2, buat kawan2 yang mau tanya silahkan. Setiap komentar yang anda tulis akan langsung memberikan notification di msn saya, dan bisa lgsg saya jawab, terima kasih
cheers.
Posted: Nov 29th, 2009 at 12:57 PM
Mas zairvai terima kasih atas postnya. Namun bisakah anda memberikan tutorial lengkap cara membuat facebook apps dari koneksi, setting database, dll. Saya pusing dengan banyaknya file yang facebook beri di .tar.gz nya dan taruh file tsb dimana.
Sekian terima kasih
** jika mas mau ngirim tutorialnya bisa rujuk ke email saya (randy.tanudjaja@live.com) **
Posted: Nov 30th, 2009 at 9:25 AM
hai Randy, saya lebih suka menjawab disini supaya yang lain bisa baca juga.
pertama, facebook apps cukup luas dan byk fitur yang bisa digunakan, tutorial diatas adalah start-up untuk memulai facebook apps dengan menampilkan list kawan-kawan. kalau itu sudah berhasil maka menggunakan fungsi lain akan ckp mudah. kedua, untuk masalah database kamu bisa refer ke http://www.alkode.net/2009/06/12/php-mysql/
nb:
buat folder “facebook” satu level dengan file index.php kamu,seperti susunan ini
->index.php
->”facebook” folder yang isinya :
->facebookapi_php5_restlib.php
->facebook_desktop.php
->facebook.php
jangan lupa di file index.php tulis script ini
require_once "facebook/facebook.php"lalu selanjutnya ikuti contoh kode diatas berdasarkan API key dan Secret Key kamu.
Posted: Jan 16th, 2010 at 3:43 PM
4. Klik ‘edit setting’, masuk ke bagian Canvas tab
5. copy paste code berikut
no 5 itu pastekan dimana? di canvas gak ada buat edit script.
yang ada di sana hanya Canvas Callback URL.
apakah ada database yang harus dibikin jika seperti script diatas?
gimana jika gak usah bikin folder facebook, index.php langsung berada pada public_html dan sama-sama dengan file yang diperlukan lainnya?
sehingga dalam index.php pada require_once “facebook.php”
selanjutnya saya masih bingung ngisi Required URLs pada tab canvas. Canvas Callback URL nya di isi apa biar file pada server kita kebaca dengan benar oleh facebook.
terima kasih
Posted: Jan 16th, 2010 at 3:59 PM
nyambung lagi ni…
kalo ada keterangan gini gimana ya? ada yang kurang filenya atau gimana?
Errors while loading page from application
Parse errors:
FBML Error (line 20): illegal tag “map” under “fb:canvas”
FBML Error (line 21): illegal tag “area” under “fb:canvas”
FBML Error (line 22): illegal tag “area” under “fb:canvas”
FBML Error (line 23): illegal tag “area” under “fb:canvas”
FBML Error (line 24): illegal tag “area” under “fb:canvas”
FBML Error (line 28): illegal tag “body” under “fb:canvas”
makasih…
Posted: Jan 17th, 2010 at 3:33 AM
hi, sorry sebelumnya ada informasi yang hilang dalam artikel ini dan sekarang sudah saya update.
FBML Error (line 20): illegal tag “map” under “fb:canvas”
FBML Error (line 21): illegal tag “area” under “fb:canvas”
FBML Error (line 22): illegal tag “area” under “fb:canvas”
FBML Error (line 23): illegal tag “area” under “fb:canvas”
FBML Error (line 24): illegal tag “area” under “fb:canvas”
FBML Error (line 28): illegal tag “body” under “fb:canvas”
artinya Facebook tidak mengizinkan kamu untuk menggunakan tag tersebut.
karena memang tidak semua HTML tags bisa kamu masukan pada Facebook Apps. Untuk mengetahui tags apa saja yang diperbolehkan bisa lihat disini
Posted: Feb 21st, 2010 at 7:04 PM
setelah googling mengenai cara buat applikasi di facebook,ketemu juga artikel yang cukup memuaskan ini setelah buka beberapa situs mengenai keyword “cara buat appl. di facebook”walaupun artikel ini ketemunya di halaman ke 3 dari google..tapi tips ini yang paling jelas memberikan caranya….!!!thanks ya…!
Posted: Mar 29th, 2010 at 11:40 AM
Gunakan Hosting bayar saja Untuk Aplikasi Facebook
Disini Saya ada buat Aplikasi Facebook :
1. Scripts Aplikasi IklanBaris
2. Scripts Aplikasi Reseller
3. Scripts Aplikasi Real Estate
Dan semua Sripts Aplikasi Facebook diatas sudah dilengkapi dengan fasilitas untuk mencari duit di facebook silahkan download scripts nya di dalam ebook di bawah ini.
http://www.indosonic.com/download/aplikasi-facebook.pdf
mau tanya bisa di forum facebook ini :
http://www.facebook.com/apps/application.php?id=368407803018
Salam Sukses
Indosonic.com
Posted: Apr 24th, 2010 at 11:56 PM
nice tutorial. mau tanya .. kalau saya ada script. disitu kan sdh ada index.php. apa saja yg perlu ditambahkan ke index agar konek dengan facebook apps?
thanks
Posted: Apr 26th, 2010 at 9:46 AM
klo website yang di akses dari luar facebook harus menggunakan Facebook Connect, tutorialnya akan saya bahas secepatnya.
atau kalau mau menggunakan script facebook social plugin yang simple bisa buka disini, http://www.alkode.net/2010/04/27/membuat-website-anda-lebih-sosial-dengan-facebook/
Posted: May 31st, 2010 at 1:03 AM
bisa ga gina masukin situs kita di apps facebook
seperti input data ??
tolong penjelasanya
thanks B4
Posted: May 31st, 2010 at 10:05 AM
mksdnya buat form di Facebook?
Posted: Jul 7th, 2010 at 8:03 PM
Mungkin masih harus baca pelan-pelan di keterangan bagian kanan dari suatu perintah, kalo masih error yah dicoba lagi.
memang akan lebih baik, kalo ada tutorial versi indonesia dan ada walkthroughnya.
salam buat semuanya http://gastia.com.
Masalahnya, sih konek blog ke fb .. terhitung masih mudah, kalo sdh dapat ID Aplikasi, Public dan private number .. semuanya beres.
Tapi percuma, kalo kantor atau komputer perusahaan .. memblokir facebook. tetap saja gak bisa di buka, ..
Posted: Jul 16th, 2010 at 1:18 PM
hostingx pake 000webhost ya???
You are seeing this page because the system administrator of 000webhost.com is currently checking this website for malicious content. This redirect page will be removed once we finish manually checking all files on this account. Since we check over 100 websites per day, it can take about 2_4 hours to complete. If you are the owner of this website, you will get an email confirmation once it’s done. If you are a visitor, please come back later.