Tutorial praktis
implementasi konsumsi
Web API
Mengkonsumsi Facebook API sebagai studi
kasus
I GUSTI NGURAH OKA PRINARJAYA
6/6/2014
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. 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.
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.
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
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.
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*
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
File fb.php
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

Web API Practice Handbook

  • 1.
    Tutorial praktis implementasi konsumsi WebAPI Mengkonsumsi Facebook API sebagai studi kasus I GUSTI NGURAH OKA PRINARJAYA 6/6/2014
  • 2.
    Mengkonsumsi Facebook APIuntuk 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 windowcreate 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 kemenu 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, setaplikasi 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 Virtualhost 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 libraryFacebook 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 konsumsiAPI 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
  • 10.
  • 14.
    I Gusti NgurahOka 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