使用Xdebug進行遠程調(diào)試

paulquei 發(fā)布于2019-07-01 12:30 / 2353人閱讀

摘要：為什么要用方便聯(lián)調(diào)和客戶端一起聯(lián)調(diào)，是會影響其他人員是使用。關(guān)注數(shù)據(jù)變化正常情況下，我們在調(diào)試和開發(fā)時，更關(guān)注數(shù)據(jù)的變化。紅色方形，表示中斷當(dāng)前程序調(diào)試。第三個圖形示，強制進入當(dāng)前函數(shù)內(nèi)部的程序。

為什么要用？

方便聯(lián)調(diào)：
和客戶端一起聯(lián)調(diào)，是die(); exit(); 會影響其他人員是使用。

關(guān)注數(shù)據(jù)變化：
正常情況下，我們在調(diào)試和開發(fā)時，更關(guān)注數(shù)據(jù)的變化。頻繁斷點、效率比較低。

簡單：
之前的開發(fā)自己比較懶，一直沒用，用起來發(fā)現(xiàn)很簡單。

原理

運行xdebug需要客戶端IDE（phpstorm）、遠程服務(wù)器配合，首先是客戶端配置好端口，發(fā)送debug請求，請求會通過瀏覽器或者IDE的http請求，攜帶特定的參數(shù)發(fā)送到服務(wù)端，服務(wù)端收到請求后，發(fā)現(xiàn)這是一個xdebug請求，則與IDE建立dpgp連接，當(dāng)遇到斷點時候，返回調(diào)試信息給IDE

服務(wù)器的IP是10.0.1.2，端口80上有HTTP

IDE位于未知IP上，因此xdebug.remote_connect_back設(shè)置為1

IDE偵聽端口9000，因此xdebug.remote_port設(shè)置為9000

發(fā)出HTTP請求，Xdebug從HTTP頭中檢測IP地址

Xdebug連接到端口9000上檢測到的IP（10.0.1.42）

調(diào)試運行，提供HTTP響應(yīng)

流程

1. 安裝xdebug擴展

https://xdebug.org/download.php

2. 遠程環(huán)境配置

zend_extension=xdebug.so
xdebug.idekey=PHPSTORM
xdebug.remote_connect_back = 1
//如果開啟此，將忽略下面的 xdebug.remote_host 的參數(shù)

xdebug.remote_host=192.168.x.x
//注意這里是，客戶端的ip<即IDE的機器的ip,不是你的web server>

xdebug.remote_enable=on
xdebug.remote_port = 9001
//注意這里是，客戶端的端口<即IDE的機器的ip,不是你的web server>

xdebug.remote_handler = dbgp
xdebug.auto_trace = 1
xdebug.remote_log = /tmp/xdebug.log

3. 配置deployment

4. Phpstorm Debug配置

5. 開啟phpstorm 數(shù)據(jù)監(jiān)聽

6. 設(shè)置 debug session

debug session 的工具的目的是設(shè)置一個cookie, 讓每次發(fā)送數(shù)據(jù)的時候都會攜帶這個 cookie, 從而識別監(jiān)聽.

6.1) 安裝工具
https://chrome.google.com/webstore/detail/xdebug-helper/eadndfjplgieldjbigjakmdgkmoaaaoc

6.2) 點擊圖標(biāo)設(shè)置

6.3）已經(jīng)設(shè)置了cookie, Key 是?XDEBUG_SESSION, 值是?PHPSTORM

7. 運行頁面

其他調(diào)試方式

上面的模式有個缺點，插件是針對于一個標(biāo)簽頁
快捷鍵：
Mac: Ctrl+Shift+X Windows:Alt+Shift+X

內(nèi)部模式 1. 設(shè)置 web 訪問的服務(wù)器

2. 配置調(diào)試頁面

我們這里創(chuàng)建的調(diào)試頁面的類型是PHP Web Page, 服務(wù)器選擇的是剛才已經(jīng)建立好的服務(wù)器

3. 運行測試頁面

自動生成：XDEBUG_SESSION_START
http://example.com/?XDEBUG_SESSION_START=13608

Fiddler工具調(diào)試

if (oSession.host == "xxxx")
{
    var sCookie = oSession.oRequest["Cookie"] + ";XDEBUG_SESSION=PHPSTORM;";
    oSession.oRequest.headers.Add("Cookie", sCookie);        
}

命令行

export XDEBUG_CONFIG="idekey=PHPSTORM"
php myscript.php

多人開發(fā)模式

https://derickrethans.nl/debugging-with-multiple-users.html
插件下載地址：http://code.activestate.com/komodo/remotedebugging/

其他 1. 查看兼容性

第一次運行的時候可以通過 phpstorm 自帶的工具來檢查配置的兼容性.
Run > Web Server Debug Validation
校驗代碼
：https://gist.github.com/han8g...

2. debug 幫助面板說明

左側(cè)
綠色三角形：?Resume Program，表示將繼續(xù)執(zhí)行，直到下一個中斷點停止。
紅色方形：?Stop，表示中斷當(dāng)前程序調(diào)試。

上方
第一個圖形示：?Step Over，跳過當(dāng)前函數(shù)。
第二個圖形示：?Step Into，進入當(dāng)前函數(shù)內(nèi)部的程序（相當(dāng)于觀察程序一步一步執(zhí)行）。
第三個圖形示：?Force Step Into，強制進入當(dāng)前函數(shù)內(nèi)部的程序。
第四個圖形示：?Step Out，跳出當(dāng)前函數(shù)內(nèi)部的程式。
第五個圖形示：?Run to Cursor，定位到當(dāng)前光標(biāo)。

參考文章

https://segmentfault.com/a/1190000011387666