在Ubuntu 14.04下的PhpStorm中設定xdebug偵錯環境

在在Ubuntu 14.04下的PhpStorm中設定xdebug偵錯環境過程中參考了一些文章, 中英文的都有.. 但是都不能完整地解決這個問題. 經過一些折騰終於可以偵錯了, 現記錄如下, 希望對後來人有所幫助.

1. 安裝xdebug

第一步: 得到本地PHP設定資訊

在終端中執行: php -i > outputphp.txt

然後將得到的txt檔案中的資訊拷貝並複製到http://xdebug.org/wizard.php 這個頁面提供的一個textarea中. 然後點選下方的Analyze按鈕, 它會自動幫你解析你原生的PHP環境資訊從而得到你需要下載的xdebug版本和相關設定指令.

為了進行下面步驟，還需要安裝php5-dev依賴包：

sudo apt-get install php5-dev

第二步: 得到需要下載的版本和相關指令

比如, 我得到的資訊如下:

1. 下載 xdebug-2.3.2.tgz (下載地址直接點選生成的連結)
2. 解壓縮檔案： tar -xvzf xdebug-2.3.2.tgz
3. 執行: cd xdebug-2.3.2

4. 執行: phpize (See the FAQ if you don’t have phpize.
   部分輸出如下所示:
   Configuring for:
   …
   Zend Module Api No: 20121212
   Zend Extension Api No: 220121212
   如果沒有以上輸出, 那麼代表你的phpize有問題. 參考FAQ.

5. 執行: ./configure

6. 執行: make
7. 執行: sudo cp modules/xdebug.so /usr/lib/php5/20121212

以上有些步驟也許需要sudo.

第三步: 向php.ini中新增設定項

sudo vim /etc/php5/cli/php.ini

zend_extension = /usr/lib/php5/20121212/xdebug.so
xdebug.remote_host = 127.0.0.1
xdebug.remote_enable = 1
xdebug.remote_port = 9000
xdebug.remote_handler = dbgp
xdebug.remote_mode = req

如非必要, 以上的設定項不需要修改. 之前我就是想當然的將remote_port那一項修改成了我的應用在Server上的埠號, 導致無法偵錯. 花了好些時間才定位到是這裡的問題.

到這裡, xdebug就安裝成功了. 可以通過php –version命令進行驗證:

PHP 5.5.9-1ubuntu4.7 (cli) (built: Mar 16 2015 20:47:39) Copyright
(c) 1997-2014 The PHP Group Zend Engine v2.5.0, Copyright (c)
1998-2014 Zend Technologies
with Xdebug v2.3.2, Copyright (c) 2002-2015, by Derick Rethans
with Zend OPcache v7.0.3, Copyright (c) 1999-2014, by Zend Technologies

可以發現輸出中已經存在了Xdebug的資訊.

2. 安裝 Xdebug extension helper

在主流的瀏覽器上都有xdebug的擴充套件助手外掛, 能夠幫助你方便的開啟或者關閉偵錯功能, 為什麼需要這個外掛, 可以參考這篇文章中的4, 5, 6小節(是英文的, 有興趣的同學可以自行查閱)

以Chrome為例, 在這裡找到外掛的安裝地址:
https://chrome.google.com/webstore/detail/xdebug-helper/eadndfjplgieldjbigjakmdgkmoaaaoc?hl=en
如果打不開, 可以參考這篇文章, 介紹了如何利用外掛的ID進行離線下載, 畢竟現在Google的服務全面被牆…..

Xdebug helper的外掛ID是: eadndfjplgieldjbigjakmdgkmoaaaoc

安裝完畢之後, 開啟該外掛的options, 設定IDEKey為PhpStorm.

3. 設定PhpStorm

終於到最後一步了, 這一步很簡單.
就是勾選Run選單下的Start Listening for PHP Debug Connections.

然後在你需要偵錯的地方打個斷點, 最後在瀏覽器中輸入PHP指令碼的地址就可以了. 注意要啟用之前安裝的Xdebug Helper.
啟用的方法是:

OK, 開心地進行偵錯吧!!!

原理示意圖(從xdebug的官網上參照的)

PhpStorm 對 AngularJS 的支援 http://www.linuxidc.com/Linux/2014-05/102485.htm