Xdebug merupakan tool debugging yang tangguh dan menawarkan berbagai fitur yang menarik untuk digunakan oleh para Web Developer.

Dengan menggunakan Xdebug, tampilan pesan error pada saat terjadinya error akan lebih jelas dimana dilengkapi dengan stack tracesyang terdiri dari nama waktu yang dibutuhkan ketika eksekusi, jumlah memory yang terpakai, nama fungsi beserta lokasi coding.

Fitur Stack Traces pada Xdebug

Sering menggunakan fungsi var_dump() untuk melakukan debugging? Bila iya, maka Anda akan dimanjakan. Pasalnya, hasil dari fungsi var_dump() akan memiliki tampilan yang lebih rapi dan dilengkapi dengan warna, tipe data beserta jumlah ukuran yang telah dipakai oleh variabel tersebut. Xdebug juga dilengkapi dengan fungsi pembatasan rekursif sehingga tidak akan terjadi looping forever yang menyebabkan browser mengalami kondisi hang.

Hasil dari fungsi var_dump() pada Xdebug.

Untuk bisa menikmati fitur-fitur tersebut, Anda tinggal mengikuti tutorial kali ini. Sebenarnya pada WampServer versi 2.1e sudah dilengkapi dengan Xdebug versi 2.1.0 dan pada saat artikel ini diturunkan, Xdebug sudah mencapai versi 2.1.2 sehingga tidak ada salahnya bila Anda (termasuk saya sendiri) sebagai pengguna WampServer untuk meng-upgrade Xdebug versi terbaru yang tentunya terdapat perbaikan daripada versi sebelumnya.

Perlu diingat bahwa jangan pernah meng-install Xdebug pada production server karena akan menurunkan peforma web server. Jangan lupa untuk melakukan backup data sebelum mengikuti tutorial ini!

1. Aktifkan WampServer terlebih dahulu
2. Buka halaman localhost dengan klik icon WampServer di Taskbar kemudian pilih “Localhost”
   
3. Pada bagian Tools klik link “phpinfo()”
   
4. Copy semua isi dari halaman phpinfo() dengan cara tekan CTRL-A kemudian CTRL-C
   
5. Buka link http://xdebug.org/find-binary.php
6. Paste ke dalam kolom pada halaman tersebut dengan tekan CTRL-V
   
7. Tekan tombol “Analyse my phpinfo() output”
8. Pada halaman tersebut akan menampilkan cara meng-install Xdebug beserta link untuk meng-download library Xdebug yang sesuai dengan web server kita
   
9. Klik link download kemudian simpan ke lokasi yang dicantumkan poin nomor 2 pada halaman cara meng-install Xdebug
10. Matikan semua service WampServer dengan klik icon WampServer di Taskbar kemudian pilih “Stop All Services”
    
11. Klik icon WampServer di Taskbar kemudian buka PHP -> php.ini
    
12. Pindah ke baris paling terakhir pada php.ini dan di sana terdapat konfigurasi Xdebug
    
13. Ubah lokasi Xdebug sesuai dengan poin nomor 3 pada halaman cara meng-install Xdebug
    
14. Simpan file php.ini
15. Restart WampServer dengan klik icon WampServer di Taskbar kemudian pilih “Restart All Services”
    

Untuk membuktikan apakah Xdebug telah berhasil di-install, Anda tinggal membuka phpinfo() kemudian sebelum bagian “PHP Credit” akan menemukan gambar di bawah ini yang menampilkan versi Xdebug.

Bila Anda mengalami kesulitan pada saat mengikuti tutorial ini ataupun terdapat pertanyaan, silahkan post comment untuk bertanya. Semoga tutorial ini dapat berguna bagi Anda.