Beranda > Kodinger > Mencoba XDebug pada Eclipse

Mencoba XDebug pada Eclipse

September 18, 2009 Tinggalkan komentar Go to comments

Sebelum kita mencoba tes XDebug, perkenankan saya menjelaskan beberapa istilah di Eclipse. Pada Eclipse, kita bicara tentang Workbench, Perspectives, dan Views. Workbench merupakan tampilan layar seutuhnya. Di situ terdapat area untuk edit kode php dan sejumlah tampilan/view di sisi luarnya. View merupakan area yang menampilkan informasi tentang file dan sumber daya lain. Perspective merupakan sudut pandang sebuah tampilan dengan tata letak khusus untuk tujuan tertentu. Ketika mengetik kode PHP, ada dua perspective yang bisa digunakan yakni dari PHP perspective dan PHP Debug perspective.

Mari kita membuka perspective atau sudut pandang PHP seperti berikut.

Php_perspectieve_menu

Sebelum kita menulis kode program, kita perlu membuat project. Sebuah project menyimpan sejumlah file. Kita coba klik File – New – PHP Project.

New_project_1

Coba isi Project name dengan nama Test Debug, lalu klik Finish.

New_project_2

Kemudian kita perlu membuat sebuah file php. Pilih “Test Debug” project disisi kiri, lalu klik kanan, pilih New – PHP File seperti tampilan berikut.

New_php_file

Isilah File Name dengan test.php, lalu klik Finish.

New_php_file_2

Ketik beberapa baris seperti tampilan berikut ini.

Php_test_file

Untuk menjalankan kode yang kita buat, klik kanan pada test.php lalu pilih Run As Php Web Page.

Run_as_menu

Selanjutnya akan muncul pada browser tampilan berikut.

Run_test_php

Sekarang, kita coba debug kode test.php dengan klik kanan, lalu pilih Debug As – Php Web Page

Debug_as_web_page

Kali ini browser akan membuka dan berhenti sejenak (jika Eclipse tidak berhenti pada baris pertama, coba tutup Eclipse, lalu jalankan kembali)

Kembali ke Eclipse, dan buka PHP Debug Perspective dari Window – Open Perspective – PHP Debug.

Open_debug_perspective

Tampilan Debug Perspective akan muncul seperti di bawah ini.

Debug_perspective

Karena pada konfigurasi Eclipse kita buat “Break at first line”, sehingga debugger akan berhenti di baris pertama. Untuk menjalankan eksekusi di baris selanjutnya maka gunakan toolbar Debug seperti penjelasan tampilan berikut.

Debug_toolbar

Resume : mengulang eksekusi sampai titik henti berikutnya atau sampai program selesai.
Terminate : menghentikan sesi debug program. Sangat penting untuk selalu menghentikan sesi debug sebelum mencoba menjalankan sesi debug yang baru.

Step Into : digunakan untuk melanjutkan ke fungsi yang dipanggil

Step Over : digunakan untuk lanjut ke baris berikutnya.

Coba kita klik Step Over. Tampilan Debug View, dan editor seharusnya berada di baris 3. Ini berarti kita akan mengeksekusi perintah di baris 3. Perhatikan tampilan Variables view. Sekarang variable $mytest akan berubah menjadi “this is a test” karena baris 2 sudah dieksekusi.

Klik Step Over lagi, sekarang di baris 4. Lihat browser, seharusnya muncul “this is a test”. Klik Step OVer lagi akan muncul “phpinfo()”. Akhirnya klik Resume, sehingga kita mengakhiri program tapi belum mengakhiri sesi debugger yang masih berjalan.

Untuk menutup debugger pilih “Remote Launch” pada Debug view dan klik Terminate sehingga akan terjadi pada browser muncul jendela baru dengan tampilan terminate mesage. Sedangkan pada Eclipse, akan muncul PHP perspective kembali.

Kita juga bisa mengatur secara otomatis dengan mengklik Window – Preference – Run – Debug – Perspective. Pilih “PHP Web Page”, dan pilih “Always” pada pilihan di “Open the associated perspective when launching”.

Php_debug_preferences
Percobaan XDebug dengan Eclipse sudah selesai.

Kategori:Kodinger
  1. Belum ada komentar.
  1. No trackbacks yet.

Silakan tinggalkan pesan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: