Cài đặt xdebug phpstorm xampp

  • Trang chủ
  • Xdebug PHP với XAMPP và PHPStorm

Xdebug PHP với XAMPP và PHPStorm

Bạn làm về lập trình thì việc debug rất là quan trọng. Với các ngôn ngữ lập trình C# hay Java... việc debug khá là đơn giản. Tuy nhiên với ngôn ngữ lập trình PHP không hẳn ai cũng biết cách thiết lập debug. Ở đây mình sử dụng xdebug để thiết lập debug trong PHP

Trước tiên các bạn cần phải  file php_xdebug của xdebug hỗ trợ. Bạn copy nội dụng cấu hình của XAMPP server các bạn đang dùng rồi paste vào Xdebug (https://xdebug.org/wizard.php) để tải file php_xdeug tương ứng các bạn có thể xem video hướng dẫn ở đây. Sau đó thêm đoạn sau vào file php.ini và lưu lại:


[XDebug]
xdebug.remote_enable = 1
xdebug.remote_autostart = 1
zend_extension = D:\XAMPP\php\ext\php_xdebug-2.6.1-7.0-vc14.dll

Các bạn chú ý thay lại đường dẫn chỗ zend_extension tương ứng với máy tính của bạn nơi bạn cài đặt XAMPP.

Sau khi thiết lập xong bạn dùng trình debug của PHPstorm là có thể debug được PHP rồi.

Chúc các bạn thành công!

Tác giả DANDEV

Skip to content

Để kiểm tra đã có XDebug chưa vào http://localhost/dashboard/phpinfo.php sau đó tìm ‘XDebug‘ nếu có thì đã cài đặt rồi và dừng bài này tại đây 🙂

Để cài đặt trước tiên cần tải XDebug extension về trước, bạn vào đây và lựa chọn version phù hợp với WinPHP version đang dùng.

Trên đó bạn sẽ thấy có 2 loại XDebug extension dành cho PHP vers có ghi là TSkhông có TS. Để kiểm tra PHP versTS hay không bạn vào http://localhost/dashboard/phpinfo.php tìm chữ Thread safety xem nếu nó đang là enabled thì là version có TS ngược lại là không TS.

Sau khi download file xdebug_xxx.dll về bạn đặt nó vào thư mục extension của php tại path thường là:

C:\xampp\php\ext

Tiếp theo mở file php.ini điền dòng này vào cuối file

zend_extension="your_php_path\to_your_ext\php_xdebug-xxx.dll"

Trong đó your_php_path\to_your_ext là đường dẫn trỏ đến thư mục extension php chứa file xdebg_xxx.dll vừa download.

Cuối cùng bạn vào lại http://localhost/dashboard/phpinfo.php tìm ‘XDebug‘ nếu xuất hiện thì đã cài đặt thành công.

Cài đặt xdebug phpstorm xampp
Như vầy là OK

Khi có XDebug rồi bạn thử vào php và dùng lệnh var_dump sẽ thấy nó được style lại đẹp và dễ nhìn hơn trước lúc chưa cài XDebug

Cài đặt xdebug phpstorm xampp
Trông đẹp hơn hẳn đúng không 🙂

Ngoài ra XDebug còn cung cấp cho bạn hàm dd() để có thể xem info của biến như var_dump nhưng được style tuyệt hơn nhiều bạn có thể expand hay collapse từng phân cấp của mỗi thuộc tính có nhiều cấp. Tuy nhiên khi sử dụng dd() thì chương trình của bạn sẽ dừng ngay sau khi chạy lệnh này.

Cài đặt xdebug phpstorm xampp
Giao diện khi dùng dd()

Cài đặt xdebug phpstorm xampp

Đã đăng vào thg 9 24, 2016 6:40 SA 4 phút đọc

Là một lập trình viên, debug là một việc không thể thiếu trong quá trình xây dựng và phát triển sản phẩm. Hôm nay mình xin trình bày với các bạn cách debug các dự án sử dụng PHP và IDE PHPSTORM. Với Sublime text các bạn có thể tham khảo thêm tại đây.

Bước 1: Cài đặt Xdebug extension

  • Kiểm tra phpinfo, nếu đã có tồn tại như hình dưới thì chuyển qua bước 2, nếu chưa có thì hãy thực hiện các thao tác dưới đây.

Cài đặt xdebug phpstorm xampp

  • Với ubuntu (linux), các bạn chạy lệnh
sudo apt-get install php5-xdebug
Thay bằng php-xdebug với PHP 7
  • Với Window, các bạn kiểm tra xem trong thư mục ext của PHP đã có file php_xdebug.dll chưa, nếu chưa có thì bạn cẩn tải về ở đây, nhớ chọn version tương ứng nhé, và copy vào thư mục ext của PHP. Mở file php.ini lên, thêm vào cuối file nội dung sau
zend_extension_ts="C:\xampp\php\ext\php_xdebug.dll"
xdebug.remote_enable=true
xdebug.remote_host=127.0.0.1
xdebug.remote_port=9000
xdebug.remote_autostart=1
  • 2 option cần chú ý là zend_extension_ts cấu hình đường dẫn của extension, xdebug.remote_port là cổng sẽ lắng nghe, mặc định là 9000, có thể để 10000 nếu 9000 đã có service khác sử dụng.
  • Hoàn thành các bước trên, khởi động lại web server. Kiểm tra phpinfo có kết quả như hình phía trên tức là bạn đã cài đặt thành công.

Bước 2: Cấu hình IDE PHP STORM

  • Download PHPSTORM tại đây, cài đặt và mở 1 dự án đang thực hiện.
  • Chọn File -> Settings -> Languages & Frameworks -> PHP, lựa chọn Interpreter trong box Development environment, IDE sẽ tự tìm version PHP hiện tại, nếu không thấy, các bạn tìm và trỏ đến file thực thi PHP.

Cài đặt xdebug phpstorm xampp

  • Tiếp theo trong menu con của PHP có mục Debug, chú ý box Xdebug, điền đúng Xdebug port đã cấu hình ở file php.ini và lưu lại

Cài đặt xdebug phpstorm xampp

  • Giờ chúng ta cần tạo cấu hình để IDE lắng nghe request từ URL. Trên thanh menu, chọn Run -> Edit Configurations, chọn +, chọn tiếp PHP remote debug, điền name là tên dự án của bạn hoặc cái gì đó dễ nhớ, tạo mới một Servers nếu chưa có

Cài đặt xdebug phpstorm xampp

  • Tạo mới servers, chú ý đặt tên và quan trọng nhất là Host, chúng ta cần điền chính xác domain của dự án, mặc định là http://localhost, nếu các bạn dùng virtual host thì chú ý điền chính xác.

Cài đặt xdebug phpstorm xampp

  • Tạo server xong thì điền tiếp Ide Key là PHPSTORM, chúng ta có cấu hình đầy đủ như hình dưới

Cài đặt xdebug phpstorm xampp

  • Bước cuối dùng chúng ta cần cài add-on cho trình duyệt. Với chrome chúng ta có xdebug helper, firefox có easy Xdebug, safari có Xdebug Toogler, opera có Xdebug launcher ... Các bạn cài đặt addon, mở addon option lên và cấu hình ide key là PHPSTORM.
  • Mình sử dụng Chrome và xdebug helper, cấu hình sẽ như sau

Cài đặt xdebug phpstorm xampp

  • Giờ bật debug của Ide lên như hình dưới, đặt vài break point nữa nhé.

Cài đặt xdebug phpstorm xampp

  • Mở trình duyệt, nhấn chuột trái vào icon addon xdebug, chọn Debug (màu xanh) và truy cập vào dự án.
  • Kết quả

Cài đặt xdebug phpstorm xampp

  • Các bạn có thể thực hiện chuyển trạng thái đến dòng lệnh tiếp theo hoặc kết thúc debug session... bằng các button ở khu vực quản lý debug hoặc bằng các phím tắt cấu hình trong File -> Settings -> Keymap
  • Bài viết đến đây là kết thúc, chúc các bạn sẽ tiết kiệm được nhiều thời gian để tìm lỗi với các dự án PHP
    Cài đặt xdebug phpstorm xampp
    .

All rights reserved