Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Web API Practice Handbook

1,474 views

Published on

Web API practice handbook. Consuming Facebook API for the case study

Published in: Software
  • Be the first to like this

Web API Practice Handbook

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

×