Tutorial ini menjelaskan cara mengkonsumsi Facebook API untuk mengambil dan memposting data profil pengguna. Langkahnya adalah membuat aplikasi Facebook, menyiapkan hosting virtual, menginstal library Facebook PHP SDK menggunakan Composer, dan mengkoding konsumsi API untuk halaman login dan profil pengguna.
2. Mengkonsumsi Facebook API untuk mengambil data dan post /
publish update status
Untuk mengkonsumsi Facebook API agar kamu bisa mengambil data profile, status, dan post /
publish update kamu harus menyiapkan hal – hal berikut ini :
1. Membuat Facebook application
2. Membuat Virtual host di web server Apache
3. Menyiapkan library Facebook PHP SDK dengan Composer
4. Coding konsumsi API
1. Membuat Facebook application
Untuk bisa mengkonsumsi Facebook API kamu harus punya Facebook application terlebih dahulu.
Facebook application itu . Berikut adalah langkah – langkah untuk membuat Facebook application:
1. Login ke Facebook dengan informasi account kamu sendiri.
2. Setelah kamu berhasil login ke Facebook kamu, jangan logout, lalu langsung saja akses
https://developers.facebook.com/ . Setelah masuk ke halaman developer, kamu klik menu
Apps Create a New App.
3. 3. Muncul window create new application seperti dibawah ini. Masukkan informasi yang
diminta seperti nama aplikasi anda, dan category aplikasi. Untuk namespace diabaikan saja.
4. Voila! Kamu sudah punya satu aplikasi Facebook! Langkah selanjutnya adalah melakukan
beberapa settings agar aplikasi Facebook kamu siap melayani kamu. Berikut ini adalah
setting-setting yang perlu kamu lakukan:
a. Catat App ID dan App Secret kamu. Kedua hal itu bisa kamu dapatkan di halaman
Dashboard atau halaman Settings aplikasi kamu.
4. b. Masuk ke menu Settings, menu berada di kolom menu-menu sebelah kiri.
c. Di menu Settings kamu isikan informasi App Domains dan Contact Email. Lalu
lanjutkan tambahkan platform dengan klik tombol + Add Platform . Muncul window
Select Platform, pilih Website sebagai platform. Setelah platform tertambahkan,
kamu lanjutkan mengisi Site URL dari platform website yg ditambahkan tadi sesuai
konfigurasi virtual host. Contoh:
d. Sedikit lagi, sabar... :D lanjutkan dengan mengisi beberapa isian di menu App Details
Silahkan ikuti isiannya dengan contoh dibawah ini.
5. e. Terakhir, set aplikasi anda menjadi tersedia bagi public. Masuk ke menu Status &
Review . Lalu set aplikasi menjadi tersedia bagi public dengan menggeser status NO
menjadi YES
5. Lanjutkan dengan membuat virtual host
6. 2. Membuat Virtual host di web server Apache
Dalam pembuatan virtual host, kamu diasumsikan menggunakan paket web development XAMPP.
Dan diasumsikan kamu sudah menginstall XAMPP di komputer kamu. Berikut langkah-langkah
membuat virtual host.
1. Masuk ke XAMPP Installation dirapacheconfextra
2. Edit file httpd-vhosts.conf , isi dengan konfigurasi berikut:
3. Simpan file httpd-vhosts.conf lalu restart web server apache kamu
4. Setelah mengkonfigurasi file httpd-vhosts.conf , lanjutkan dengan edit file hosts untuk
membuat semacam DNS fiktif. Buka file hosts di C:WindowsSystem32driversetc dan
lakukan isian seperti berikut di file hosts
Jika kamu menggunakan windows 7 atau Vista, kamu tidak bisa edit file hosts dari mode
normal, kamu harus masuk ke windows mode safe mode terlebih dahulu untuk edit file
hosts.
7. 3. Menyiapkan library Facebook PHP SDK dengan Composer
Penggunaan Composer disini untuk memasyarakatkan penggunaan Composer di kalangan
pengembang aplikasi berbasis PHP di Indonesia. Banyak sekali keuntungan menggunakan Composer,
silahkan kamu cari sendiri di internet apa saja benefit dari penggunaan Composer.
Berikut ini adalah langkah – langkah menyiapkan Facebook PHP SDK menggunakan composer :
1. Tambahkan php.exe kamu ke global Path di environment variable. Kamu diasumsikan
menggunakan XAMPP. Jadi, tambahkan alamat path ini C:xamppphp ke global Path di
environment variable dengan cara: Masuk ke Control Panel System and Security
System Advance system settings Environment Variables, cari variable Path di kolom
System variables.
2. Ketik perintah berikut untuk download Composer dan pastikan saat menjalankan perintah
ini kamu berada di direktori project web app kamu. Contoh:
C:xampphtdocsproject_konsumsi_api>
php -r "readfile('https://getcomposer.org/installer');" | php
Hasil download akan menghasilkan file composer.phar di
C:xampphtdocsproject_konsumsi_apicomposer.phar
3. Lalu lanjutkan ketik perintah berikut:
C:xampphtdocsproject_konsumsi_api>
php composer.phar require facebook/php-sdk-v4:4.0.* [enter]
4. Perintah diatas akan mendownload library Facebook PHP SDK dan semua file-file library
disimpan di direktori vendor yang dibuat otomatis oleh composer. Semua file berada di
C:xampphtdocsproject_konsumsi_apivendor*
8. 4. Coding konsumsi API
Mari kita mulai untuk menyusun code-code yang mengkonsumsi Facebook API. Dalam proses
penyusunan code-code ada dua file yaitu:
1. File mainpage.php sebagai halaman login dengan Facebook login API
2. File fb.php sebagai halaman setelah login yang menampilkan informasi profile user
facebook dan menyediakan form untuk update status.
File mainpage.php
14. I Gusti Ngurah Oka Prinarjaya
Lead Software engineer di PT. VADS Indonesia.
Handling: Call centre, IVR (Interactive Voice
Response), Lead develop Web based app
Sejak 2012 memulai karir di Jakarta juga sebagai
software engineer di Harita Group, a mining
company. Handling: ERP, Distributed system,
Web GIS.
Member boards of executive PHP Indonesia
Coach and Mentor PHP Indonesia Student
Ambassador
Lebih lanjut tentang penggunaan Web API, atau teknologi Web
Application lainnya, silakan hubungi 08174128301 atau
okaprinarjaya@gmail.com
- Konsultasi Aplikasi Web - Workshop satu hari
- Coaching dan Mentoring - Design Business Prosces Web Appliaction
- Pelatihan Intensif - Software As A Service Development
- Workshop singkat - Software As A Product Development
“FROM ZERO TO BE REAL SOFTWARE
ENGINER FOR STUDENT”
Konsultasi dan bimbingan khusus bagi mahasiswa yang SERIUS dan KONSISTEN untuk
menjadi system analyze dan software engineer