Hướng dẫn cài đặt xdebug phpstorm

Hướng dẫn cài đặt xdebug phpstorm

Khi code, việc gặp bug là điều không thể tránh khỏi, bug không ngán một ngôn ngữ nào. Khi project nhỏ (tự code từ đầu) hay đang code để giải bài tập thì việc debug có thể khá dễ dàng. Nhưng khi ta code một project khổng lồ với những luồng đi rất chi là loằng ngoằng thì việc debug code không hề dễ dàng. Hay trường hợp phổ biến là code trên các framework nhiều phần gặp lỗi mà ta không biết lỗi đó là của mình hay của người và để xác định được tại sao thì ta cần debug.

Trong bài, ta sẽ tìm hiểu cách debug code PHP, cài đặt PhpStorm, cài đặt công cụ debug.

Cài đặt PhpStorm

Note: Môi trường demo của mình trên linux, nếu là Windows thì hãy ánh xạ các bước sao cho đúng. 

Để tải PhpStorm vào link: https://www.jetbrains.com/phpstorm/

Phần cài đặt tham khảo link: https://vinasupport.com/phpstorm-ide-huong-dan-download-va-cai-dat/

Hoặc có thể xem video để dễ dàng hơn: https://www.youtube.com/watch?v=jT9h8qyhzcY

Cài đặt php-cli và php-cgi

Khạy PhpStorm để debug, PhpStorm sẽ tự tạo ra một server riêng và code sẽ được thực thi trên server này. Để PhpStorm server chạy được ta cần 2 thư viện là php-cliphp-cgi

Cài đặt trên linux

sudo apt install php-dev php-cli php-cgi -y

Cài CLI cho PhpStorm, sau khi cài php-cliphp-cgi ta bật PhpStorm và kiểm tra xem đã nhận php-cli chưa. Bằng cách truy cập: File -> Setting (ctr + alt + s) -> PHP & FrameWork

Hướng dẫn cài đặt xdebug phpstorm

Nếu tại phần CLI Interpreter chưa thấy hiện gì, ta cần cài đặt nó thủ công bằng cách chọn vào ... sẽ hiển thị lên 1 cửa sổ. Chọn tiếp vào dấu + và chọn vào đường dẫn file thực thi của php-cli, nếu không thấy đường dẫn file thực thi chọn Other Local... để chọn thủ công.

Hướng dẫn cài đặt xdebug phpstorm

Cài đặt đường dẫn xong nhấn Apply tiếp đó là OK. Sau đó ta quay lại cửa sổ trước và chọn CLI Interpreter và ta mới thêm.

Cài đặt trình debug

Để thực hiện debug PhpStorm yêu cầu trình debuger, có 2 trình debugger được hỗ trợ: xdebug và zend debuger. Nhưng theo khuyến cáo của jetbrains thì ta nên dùng xdebug.

Cài đặt xdebug cho linux

sudo pecl install xdebug

Bật chế độ debug cho PHP ta sửa file php.ini, thêm vào đoạn dòng chữ sau

[xdebug]
zend_extension="/usr/lib/php/20170718/xdebug.so"
xdebug.remote_enable=1
xdebug.remote_port=9000
xdebug.remote_connect_back=on

Nếu không biết đường dẫn file xdebug.so ta cần tìm nó

find / -name xdebug.so 2>/dev/null

Cuối cùng kiểm tra xem trình debug đã được bật chưa?

php -v

Nếu kết quả hiển thị có thông tin về debugger đã bật thì thành công, nếu không là không thành công.

Hướng dẫn cài đặt xdebug phpstorm

Debug code PHP

Debug file PHP

Để thực hiện chức năng này ta cần đặt một breakpoint tại vị trí muốn debug. Sau đó nhấn vào icon debug hoặc nhấn tổ hợp phím Shift+F9

Hướng dẫn cài đặt xdebug phpstorm
Sau khi chương trình thực thi đến phần ta đặt breakpoint nó sẽ lập tức dừng lại cho ta debug. Toàn bộ thông tin về hàm và biến được hiển thị lên.

Hướng dẫn cài đặt xdebug phpstorm

Debug remote

Đây là phần đáng chú ý trong khi debug code PHP. Nó rất tiện lợi và dễ dàng trong việc debug khi server nhận được toàn bộ thông tin của người dùng nhập trên trình duyệt. Thông tin đó bao gồm cả POSTGET request. Để thực hiện được tính năng này ta cần thực hiện như sau:

  1. Cài extension debug client cho trình duyệt

Hướng dẫn cài đặt xdebug phpstorm
2. Bật lắng nghe debug server bằng cách chọn
Hướng dẫn cài đặt xdebug phpstorm

  1. Đặt breakpoint
  2. Truy cập vào server PhpStorm

Hướng dẫn cài đặt xdebug phpstorm
Bằng cách chọn vào biểu tượng trình duyệt muốn mở. Trang web chạy trên server PhpStorm sẽ hiện lên trên trình duyệt. Khi muốn debug tính năng nào của trong web chỉ cần click vào con bọ trên trình duyệt và thực hiện request.

Đây là một tính năng rất hay của PhpStorm trong việc debug gỡ rối chương trình. Ngoài ra PhpStorm còn nhiều tính năng thú vị nữa.

All rights reserved