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 dir\apache\conf\extra

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:\Windows\System32\drivers\etc 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:\xampp\php 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:\xampp\htdocs\project_konsumsi_api>

php -r "readfile('https://getcomposer.org/installer');" | php

Hasil download akan menghasilkan file composer.phar di

C:\xampp\htdocs\project_konsumsi_api\composer.phar

3. Lalu lanjutkan ketik perintah berikut:

C:\xampp\htdocs\project_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:\xampp\htdocs\project_konsumsi_api\vendor\*

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