Cấu hình Xdebug cho PhpStorm 2023.1

Môi trường cụ thể

1. Web server: XAMPP 8.0
2. IDE: PhpStorm 2023.1
3. Browser: Chrome

Cài đặt Xdebug

1. Lựa chọn phiên bản Xdebug theo Wizard ở đây: https://xdebug.org/wizard
2. Tải file đã chọn (php_xdebug-xxxxxxxxxx.dll) về thư mục ./xampp/php/ext, đổi tên thành "php-xdebug.dll"
3. Mở file "php.ini" và thêm vào cuối các dòng cấu hình sau
   [XDEBUG]
   zend_extension = xdebug
   xdebug.mode = debug
4. Khởi động lại Apache
5. Thực thi câu lệnh "php -version" để kiểm tra xem Xdebug đã được cài đặt thành công hay chưa.
   C:\xampp\php>php.exe -v
   PHP 8.0.25 (cli) (built: Oct 25 2022 10:49:29) ( ZTS Visual C++ 2019 x64 )
   Copyright (c) The PHP Group
   Zend Engine v4.0.25, Copyright (c) Zend Technologies
       with Xdebug v3.2.2, Copyright (c) 2002-2023, by Derick Rethans
   Trong ví dụ trên, có thông tin "with Xdebug v3.2.2..." chứng tỏ đã cài đặt thành công.

Kiểm tra cấu hình trong PhpStorm

1. Mở một project tùy ý
2. Chọn menu "File > Settings... > PHP > Debug"
3. Trong cửa sổ hiện ra, chọn "Validate" ở bên phải để kiểm tra cấu hình Xdebug.
4. Kiểm tra xong thì bật chế độ lắng nghe để kích hoạt việc debug
5. Đặt breakpoint trong project

Cài đặt và cấu hình Xdebug Browser Extension

1. Cài đặt tùy theo browser
2. Trong phần "Options" của extension thiết lập IDE Key tương ứng với PHPSTORM
   
   
3. Chọn chế độ "Debug"
4. Truy cập project (trang web) ở trên để tiến hành debug.