Xdebug di WordPress Studio

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

Xdebug adalah ekstensi debugging untuk PHP yang memungkinkan Anda menetapkan breakpoint, memeriksa variabel, dan menelusuri kode Anda langkah demi langkah. WordPress Studio menyertakan dukungan Xdebug, yang didukung oleh PHP versi WebAssembly dari WordPress Playground.

Mengaktifkan Xdebug

1. Pilih situs yang ingin Anda debug.
2. Buka tab Pengaturan.
3. Klik “Edit situs.”
4. Centang kotak centang “Aktifkan Xdebug“.
5. Klik Simpan.

Situs akan dimulai ulang secara otomatis dengan Xdebug diaktifkan.

Batasan penting

• Hanya satu situs dalam satu waktu: Xdebug hanya dapat diaktifkan untuk satu situs sekaligus. Untuk mengaktifkannya di situs lain, Anda harus menonaktifkannya terlebih dahulu di situs saat ini.
• Dampak performa: Xdebug dapat memperlambat performa situs. Nonaktifkan saat Anda tidak sedang aktif melakukan debugging.

Menggunakan Xdebug dengan IDE Anda

Setelah Xdebug diaktifkan untuk sebuah situs, Anda dapat menghubungkan IDE (editor kode) Anda untuk melakukan debug pada plugin, tema, dan kode inti WordPress.

Penyiapan Visual Studio Code

1. Instal ekstensi PHP Debug.
2. Buat file .vscode/launch.json di proyek Anda dengan konfigurasi berikut:

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Listen for Xdebug",
      "type": "php",
      "request": "launch",
      "port": 9003,
      "pathMappings": {
        "/wordpress": "${workspaceFolder}"
      }
    }
  ]
}

3. Tetapkan breakpoint di kode Anda.
4. Mulai sesi debugging di Visual Studio Code (Run (Jalankan) → Start Debugging (Mulai Debugging)).
5. Buka situs Anda di browser untuk memicu breakpoint.

Penyiapan PhpStorm

1. Buka Settings (Pengaturan) → PHP → Debug (Debug).
2. Pastikan port Xdebug diatur ke 9003.
3. Untuk menghentikan pemutusan di baris pertama:
   • Nonaktifkan “Force break at first line when no path mapping specified” (“Paksa berhenti di baris pertama saat tidak ada pemetaan jalur yang ditentukan”)
   • Nonaktifkan “Force break at first line when a script is outside the project” (“Paksa berhenti di baris pertama saat skrip berada di luar proyek”)
4. Buka Settings (Pengaturan) -> PHP → Servers (PHP → Server) dan konfigurasikan pemetaan untuk server situs Anda:
   • Host (Host): localhost:8884
   • Port (Port): 80
   • File directory (Direktori file): /Users/USERNAME/Studio/SITEDIR
   • Absolute path on the server (Jalur absolut di server): /wordpress
5. Aktifkan “Start listening for PHP Debug Connections (Mulai mendengarkan Koneksi Debug PHP)” dari toolbar.
6. Tetapkan breakpoint di kode Anda.
7. Buka situs Anda di browser untuk memicu breakpoint.

Pelajari selengkapnya

Untuk informasi tambahan tentang integrasi Xdebug, lihat dokumentasi Xdebug WordPress Playground.