Hướng dẫn cài XDebug cho XAMPP trên mac

cai xdebug cho macOS
Mục lục

    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
    
    Hướng dẫn cài XDebug cho XAMPP trên mac
    Hướng dẫn cài XDebug cho XAMPP trên mac

    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

    Hướng dẫn cài XDebug cho XAMPP trên mac - techtipzone.com

    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

    Hướng dẫn cài XDebug cho XAMPP trên mac
    Hướng dẫn cài XDebug cho XAMPP trên mac

    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.

    Hướng dẫn cài XDebug cho XAMPP trên mac
    Hướng dẫn cài XDebug cho XAMPP trên mac

    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:

    1. Truy cập vào Preferences > Languages & Frameworks > PHP > Debug.
    2. Đảm bảo rằng cổng 9003 đang được sử dụng.
    3. 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:

    1. Truy cập vào Visual Studio Code -> Extension -> “PHP Debug”
    2. Cài đặt Extension
    3. Bấm vào “Run and Debug”
      Hướng dẫn cài XDebug cho XAMPP trên mac
      Hướng dẫn cài XDebug cho XAMPP trên mac

       

    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!

    Theo dõi
    Thông báo của
    guest
    1 Bình luận
    Cũ nhất
    Mới nhất Được bỏ phiếu nhiều nhất
    Phản hồi nội tuyến
    Xem tất cả bình luận

    […] Bạn có thể tham khảo bài viết: Hướng dẫn cài XDebug cho XAMPP trên mac […]