Nếu bạn là một lập trình viên PHP và đang sử dụng XAMPP trên Mac, việc cài đặt XDebug sẽ giúp bạn debug code hiệu quả hơn và tiết kiệm rất nhiều thời gian. Trong bài viết này, Tech Tip Zone sẽ hướng dẫn bạn từng bước cài đặt XDebug cho XAMPP trên macOS. Cụ thể bài hướng dẫn này Tech Tip Zone sẽ sử dụng Macbook Pro M1.
XDebug Là gì ?
XDebug là một tiện ích mở rộng dành cho PHP, cho phép bạn theo dõi và debug code. Với XDebug, bạn có thể xem các biến, callback stack, và thậm chí là thực hiện kiểm tra code trong thời gian thực. Công cụ này cực kỳ hữu ích khi bạn phát triển các ứng dụng phức tạp. Vì thực tế coder sẽ tốn thời gian debug fix lỗi nhiều hơn là code.
Cách Cài Đặt XDebug cho XAMPP trên macOS M1
Cách 1: Tải file thư viện Xdebug thông qua trang chủ
Lưu ý: Cách này hiện tại TechTipzone không còn tìm thấy file .SO nữa, nên nếu bạn vẫn còn thấy thì hãy chuyển đến bước cấu hình php.ini nếu không các bạn thực hiện theo cách 2 nhé.
Bước 1: Tải Về Phiên Bản PHP Tương Ứng
Trước hết, bạn cần kiểm tra phiên bản PHP mà XAMPP đang sử dụng. Bạn có thể kiểm tra bằng cách mở Terminal và chạy lệnh sau:
php -v
Sau khi có thông tin phiên bản PHP, truy cập trang web chính thức của XDebug tại XDebug Downloads để tải về phiên bản tương ứng với PHP của bạn. Lưu ý rằng bạn cần chọn đúng phiên bản phù hợp với cấu trúc của XAMPP.
Bước 2: Giải Nén và Coppy File XDebug
Sau khi tải về, bạn sẽ có một file .dll (Windows) hoặc .so (macOS). Với macOS, bạn cần phải sao chép file đó vào thư mục mở rộng của XAMPP. Thường thì thư mục của XAMPP sẽ như sau:
/Applications/XAMPP/xamppfiles/lib/php/extensions/no-debug-non-zts-xxxxxx/
Chỉ cần đổi ‘xxxxxx’ với mã hash thực tế trong thư mục của bạn. Tiến hành sao chép file XDebug mà bạn vừa tải xuống vào thư mục này.
Cách 2: Cài Xdebug cho xampp trên mac m1 thông qua PECL và Homebrew
Bước 1: Cài đặt homebrew nếu máy macOS của bạn chưa có homebrew bằng cách, Mở terminal lên và cài theo các bước sau.
/bin/bash -c "$(curl -fsSL //raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
Bước 2: Cài đặt Autoconf
brew install autoconf
Bước 3: Cài PECL
brew install pecl
Bước 4: Cài XDebug – Thật ra nó đang build cho bạn 1 file thư viện .SO của xdebug
pecl install xdebug
Sau khi thực hiện xong 3 bước trên các bạn hãy nhập lệnh sau để xem file thư viện .SO đang nằm đâu bằng câu lệnh
php -i | grep extension_dir
Lệnh này sẽ show ra đường dẫn file SO đang nằm đâu tiếp tục các bạn hãy tiến đến phần cấu hình file php.ini.
Cập Nhật File php.ini
Tiếp theo, bạn cần cấu hình để XDebug có thể hoạt động. Đầu tiên, mở file php.ini của XAMPP. File này thường nằm ở:
/Applications/XAMPP/xamppfiles/etc/php.ini
Mở file php.ini bằng một trình soạn thảo văn bản (như TextEdit hoặc Visual Studio Code) và thêm đoạn mã sau vào cuối file:
zend_extension="/Applications/XAMPP/xamppfiles/lib/php/extensions/no-debug-non-zts-xxxxxx/xdebug.so"
Thay ‘xxxxxx’ bằng mã hash tương ứng mà bạn đã tìm thấy trước đó. Ngoài ra, bạn cũng nên thêm một số cài đặt cơ bản để xác định cách mà XDebug sẽ hoạt động:
[xdebug]
zend_extension="/Applications/XAMPP/xamppfiles/lib/php/extensions/no-debug-non-zts-20220829/xdebug.so"
xdebug.mode=debug
xdebug.start_with_request=yes
xdebug.client_port=9003
Khởi Động Lại XAMPP
Sau khi cập nhật xong file php.ini, bạn cần khởi động lại máy chủ XAMPP để các thay đổi có hiệu lực. Để làm điều này, mở XAMPP Control Panel và chọn ‘Stop’ rồi ‘Start’ lại Apache.
Kiểm Tra Cài Đặt
Để đảm bảo rằng XDebug đã được cài đặt thành công, bạn có thể tạo một file PHP để kiểm tra. Tạo một file info.php
mới trong thư mục htdocs của XAMPP với nội dung sau:
<?php
phpinfo();
?>
Truy cập localhost/info.php trong trình duyệt. Nếu bạn thấy thông tin về XDebug trong trang này, việc cài đặt đã thành công.
Cấu Hình IDE
Bước cuối cùng là cấu hình IDE của bạn để có thể sử dụng XDebug. Nếu bạn đang sử dụng một IDE phổ biến như Visual Studio Code, bạn sẽ cần thiết lập server và các cấu hình gỡ lỗi. Hầu hết các IDE này có bảng điều khiển để bạn có thể dễ dàng cài đặt gỡ lỗi với XDebug.
Đối Với PhpStorm:
- Truy cập vào
Preferences
>Languages & Frameworks
>PHP
>Debug
. - Đảm bảo rằng cổng
9003
đang được sử dụng. - Thiết lập một server mới dưới
PHP
>Servers
để điều chỉnh cho đúng địa chỉ máy chủ.
Đối với Visual Studio Code:
- Truy cập vào Visual Studio Code -> Extension -> “PHP Debug”
- Cài đặt Extension
- Bấm vào “Run and Debug”
Nếu chưa cài đặt xampp bạn có thể tham khảo bài viết: Hướng dẫn cài đặt XAMPP trên Macbook M1
Kết Luận
Cài XDebug cho XAMPP trên macOS không quá khó như bạn nghĩ đâu, Hướng dẫn từ Tech Tip Zone, bạn đã có thể thực hiện điều đó một cách dễ dàng và hiệu quả. XDebug không chỉ giúp bạn phát hiện lỗi nhanh chóng mà còn giúp bạn tối ưu hóa code một cách dễ dàng hơn.
Nếu bạn muốn khám phá các thủ thuật về macOS khác, hãy truy cập vào trang web của Tech Tip Zone. Chúng tôi mong muốn cung cấp cho bạn nhiều thông tin hữu ích để nâng cao kỹ năng lập trình của bạn!
[…] Bạn có thể tham khảo bài viết: Hướng dẫn cài XDebug cho XAMPP trên mac […]