Debugging di Studio

Teks ini diterjemahkan menggunakan AI. Jika Anda ingin melihat teks asli dalam bahasa Inggris, klik di sini.

WordPress Studio menyertakan beberapa alat bawaan untuk membantu Anda menemukan dan memperbaiki masalah di situs WordPress lokal Anda — tanpa perlu menginstal software tambahan atau keluar dari aplikasi.

Log debug

Terkadang Anda hanya perlu melihat apa yang dicatat oleh WordPress. Studio memudahkan hal tersebut dengan toggle log debug khusus yang mengonfigurasi WP_DEBUG dan WP_DEBUG_LOG untuk situs Anda secara otomatis.

Mengaktifkan log debug

1. Pilih situs yang ingin Anda debug.
2. Buka tab Pengaturan .
3. Klik “Edit situs.”
4. Buka tab Debugging.
5. Aktifkan Aktifkan log debug.
6. Klik Simpan.

Saat log debug diaktifkan, situs Anda akan merekam error, pemberitahuan, dan peringatan PHP ke wp-content/debug.log. Tautan Buka file log akan muncul di tab Pengaturan, sehingga Anda dapat langsung membuka file tanpa perlu mencari path-nya.

Anda juga dapat menulis pesan Anda sendiri ke log menggunakan fungsi error_log() milik PHP:

error_log( 'My value: ' . print_r( $my_variable, true ) );

Tampilkan error di browser

Tab Debugging juga menyertakan toggle Tampilkan error di browser, yang menetapkan WP_DEBUG_DISPLAY. Saat diaktifkan, error dan peringatan PHP ditampilkan langsung dalam output halaman, bukan hanya disimpan diam-diam di file log — berguna saat Anda menginginkan umpan balik langsung selama pengembangan aktif.

Perlu diingat:

• Tampilkan error di browser paling baik digunakan bersama log debug, bukan sebagai penggantinya.
• Nonaktifkan di situs apa pun yang Anda bagikan dengan klien — fitur ini dapat mengekspos informasi path internal atau detail implementasi lainnya dalam output halaman.

Menggunakan agen AI untuk menafsirkan log debug

Setelah log debug Anda aktif, Anda dapat mengarahkan agen AI langsung ke log tersebut. Beri tahu agen Anda — baik Anda menggunakan Claude Code, Cursor, maupun alat lainnya — bahwa log error tersedia di wp-content/debug.log. Dari sana, agen dapat membaca output, mengidentifikasi apa yang bermasalah, dan menyarankan perbaikan tanpa mengganggu alur kerja Anda.

Akses database dengan phpMyAdmin

Sebelumnya, memeriksa atau mengedit database lokal berarti menggunakan alat terpisah dan penyiapan terpisah. Studio menyertakan akses phpMyAdmin langsung dari tab Ikhtisar — sehingga Anda dapat membuat kueri tabel, memeriksa data, dan men-debug masalah skema tanpa meninggalkan aplikasi atau mengonfigurasi apa pun.

Untuk membuka phpMyAdmin untuk sebuah situs, pilih situs tersebut dan klik tombol phpMyAdmin di tab Ikhtisar.

Debugging langkah demi langkah dengan Xdebug

Untuk investigasi yang lebih mendalam, Studio menyertakan dukungan Xdebug. Alih-alih menyebarkan output debug di seluruh kode, Anda dapat menetapkan breakpoint, menelusuri eksekusi baris demi baris, dan memeriksa variabel secara real time — semuanya dari editor Anda.

Xdebug tersedia untuk semua situs Studio dan tidak memerlukan instalasi tingkat sistem. Studio mendengarkan koneksi debug pada port 9003.

Untuk petunjuk penyiapan lengkap, termasuk cara menghubungkan VS Code dan PhpStorm, lihat Xdebug di Studio.