Cài đặt xdebug cho phpstorm trên ubuntu

Những ai đang làm việc với magento chắc chắn đã hiểu được tầm quan trọng của việc debug trong quá trình xây dựng và phát triển ứng dụng rồi phải không nào. Mình đã làm việc với magento 2 và mình cảm thấy mình chẳng thể làm việc được với nó nếu không có debug, còn ai mà làm được thì người đó đã ở 1 cái trình khác rồi nhé. Trong bài viết này mình sẽ hướng dẫn các bạn cài đặt và sử dụng xdebug cho phpstorm. Ở đây mình cài đặt trên Ubuntu 18.04 nhé !

Cài đặt Xdebug

Bạn cũng có thể truy cập vào trang chủ của xdebug và làm theo hướng dẫn nhé.

Đầu tiên các bạn kiểm tra phpinfo bằng câu lệnh php -v xem xdebug đã được cài đặt chưa.

Nếu chưa cài đặt xdebug các bạn chạy câu lệnh sau:

sudo apt-get install php-xdebug

Sau khi đã cài đặt thành công xdebug các bạn thêm vào file /etc/php/7.x/mods-available/xdebug.ini như bên dưới.

zend_extension=xdebug.so
xdebug.remote_enable=1
xdebug.remote_handler=dbgp
xdebug.remote_mode=req
xdebug.remote_host=localhost
xdebug.remote_port=9000
xdebug.var_display_max_depth = -1
xdebug.var_display_max_children = -1
xdebug.var_display_max_data = -1
xdebug.idekey = "PHPSTORM"

Chú ý: Option xdebug.remote_port là port sẽ lắng nghe, mặc định là 9000, nếu port 9000 đã được sử dụng thì hay bằng 10000. Sau đó các bạn lưu thay đổi, khởi động lại webserver của mình và kiểm tra xem phpinfo xem xdebug đã được cài đặt thành công chưa nhé.

Cấu hình PHPSTORM sử dụng Xdebug

Cài đặt phpstorm tại đây hoặc chạy câu lệnh bên dưới:

sudo snap install phpstorm --classic phpstorm

Mở phpstorm vừa cài đặt Chọn File -> Settings -> Languages & Frameworks -> PHP -> Debug. Trong mục Xdebug, điền đúng Xdebug port đã cấu hình ở file xdebug.ini và lưu lại.

Cài đặt xdebug helper extension trên browser

Tùy theo trình duyệt chrome hay firefox sẽ có extension khác nhau. Đối với trình duyệt chrome các bạn có thể download tại đây.

Tiến hành debug

Sau khi tất cả đã cài đặt thành công, bước cuối cùng sẽ là tiến hành debug. Để debug được vào phpstorm các bạn phải bật xdebug bằng cách nhấn vào biểu tượng của debug ở góc trên cùng bên phải trong phpstorm như hình bên dưới.

Và bật xdebug ở trình duyệt mà ban nãy bạn vừa cài đặt:

Và cuối cùng là tiến hành tick chọn dòng code mà bạn muốn debug.

Và kết quả như mong đợi.