laravel + xdebug + vscode

建議先看完後面debug的過程再開始安裝……

到https://xdebug.org/wizard貼上phpinfo()秀出來的內容，下載對應dll
把dll放到php ext的資料夾
設定以下參數到php.ini
- [Xdebug]
- zend_extension = xdebug
- xdebug.mode=debug
- xdebug.client_host=127.0.0.1
- xdebug.client_port=9003
- xdebug.log=”C:\xampp\apache\logs\xdebug.log”
- xdebug.discover_client_host=true
- xdebug.start_with_request=yes
到vscode 安裝 php Debug Extension
到專案目錄下的.vscode>launch.json 執行相關設定內容大致如下

{
  // Use IntelliSense to learn about possible attributes.
  // Hover to view descriptions of existing attributes.
  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Listen for Xdebug",
      "type": "php",
      "request": "launch",
      "port": 9003
    },
    {
      "name": "Launch currently open script",
      "type": "php",
      "request": "launch",
      "program": "${file}",
      "cwd": "${fileDirname}",
      "port": 0,
      "runtimeArgs": [
        "-dxdebug.start_with_request=yes"
      ],
      "env": {
        "XDEBUG_MODE": "debug,develop",
        "XDEBUG_CONFIG": "client_port=${port}"
      }
    },
    {
      "name": "Launch Built-in web server",
      "type": "php",
      "request": "launch",
      "runtimeArgs": [
        "-dxdebug.mode=debug",
        "-dxdebug.start_with_request=yes",
        "-S",
        "localhost:0"
      ],
      "program": "",
      "cwd": "${workspaceRoot}",
      "port": 9003,
      "serverReadyAction": {
        "pattern": "Development Server \\(http://localhost:([0-9]+)\\) started",
        "uriFormat": "http://localhost:%s",
        "action": "openExternally"
      }
    }
  ]
}

安裝的Debug過程

安裝過程中看起來deubg有順利搭上laravel環境，當我發起請求時debug console有顯示相關內容，但是卻沒抓到我設定的breakpoint，從設定的xdebug log去問gpt得到以下回應

從 Xdebug 日誌中可以看到一些關鍵信息，顯示 Xdebug 正常啟動並與 VS Code 調試器成功連接。然而，有一個問題是與你設置的中斷點有關：

[14652] [Step Debug] <- breakpoint_set -i 6 -t line -f file:///var/www/html/app/Http/Controllers/TagController.php -n 25
[14652] [Step Debug] -> <response xmlns="urn:debugger_protocol_v1" xmlns:xdebug="https://xdebug.org/dbgp/xdebug" command="breakpoint_set" transaction_id="6" id="146520004" resolved="unresolved"></response>

研判應該是launch.json沒設定好，但給gpt設定幾次都還是一樣狀況，後來看了教學影片，發現可以把launch.json砍掉，再到頂部選單中 Run>Add Configuration，他就會自動產出一個launch.json，如此便成功了😀

安裝的Debug過程2

在另外一台電腦上造此步驟安裝後執行，一直出現一堆重複訊息
Xdebug: [Step Debug] Time-out connecting to debugging client, waited: 200 ms. Tried: 127.0.0.1:9003 (fallback through xdebug.client_host/xdebug.client_port).，還有log檔案找不到等等的奇怪錯誤，後來發現是直接複製網站上的設定，裡面有字元符號跑掉了，換成自己手打問題就解決……

安裝的Debug過程3

啟動debug的時候會自動跳出http:localhost:8000的頁面，原因是有個設定值
“action”: “openExternally”
把她直接拿掉即可

安裝的Debug過程4

php.ini裡面有個設定

xdebug.start_with_request=yes

如果是yes就會一直啟動debug模式，如果此時vscode沒有啟動debug，他就一直有延遲，因為每個步驟都會先找debug但是找不到而導致。但是我又不是無時無刻都要debug，這樣變成每次要debug的時候都要去改這個設定值，並且重啟伺服器，頗麻煩的。

後來發現可以把vscode 的 debug都一直啟動，反正不要設定break point就好，要的時候再設定，這樣就不會產生會延遲或是需要一直修改設定值又重起伺服器的麻煩

發佈留言取消回覆

目前趨勢