超詳細 PHP 開發環境配置:WampServer+ZendStudio+XDebug
前言
一開始我在另一篇Blog中寫的是WampServer+Nodepad++,當時的考慮是IDE佔用空間太多,而且可能配置比較複雜,所以選擇的是Nodepad++。但現在因為任務漸長,程式碼量多了起來,需要除錯。因此還是選擇一款IDE。
配置環境 Win7
WampServer 2.5 中文版
為什麼我們要安裝WampServer呢?
因為如果我們要開發PHP專案的話,首先我們要安裝PHP直譯器本身,還要安裝一個伺服器Apache,還要安裝PHP對應的資料庫MySQL。這三個軟體本身的環境配置就比較麻煩,任何一個配置不好就可能導致專案無法成功執行。
這個時候我們就想,如果有一個軟體本身集成了Apache+Mysql+PHP,我們只需要關注這個軟體本身的配置就行,那有多好。
又因為我們是在Windows下進行的程式碼開發。所以WampServer就應運而生。
WampServer是一款由法國人開發的Apache Web伺服器、PHP直譯器以
及MySQL資料庫的整合軟體包。
免去了開發人員將時間花費在繁瑣的配置環境過程,從而騰出更多精力去做開發。
在windows下將Apache+PHP+Mysql 整合環境,擁有簡單的圖形和選單安裝和配置環境。PHP擴充套件、Apache模組,開啟/關閉滑鼠點點就搞定,再也不用親自去修改配置檔案了,WAMP它會去做。
下載地址
安裝步驟
開始安裝
點選Next
點選Next
點選 Next。推薦大家就安裝在預設位置,或者可以選一個其他的位置,但注意安裝路徑請不要有中文,不然可能發生錯誤!
第一個代表是建立快速啟動圖示,第二個是建立桌面圖示,繼續點選Next
點選安裝
等待安裝~
安裝過程中彈出了這樣一個視窗,是讓我們選擇預設瀏覽器。預設瀏覽器就是explorer。於是點選開啟。
安裝快結束的時候,又出現這個。提示一個輸入管理員郵箱以及郵箱SMTP伺服器的視窗,這個如果大家願意填寫,可以填一下,不過一般情況下直接點選next就可以了,不會影響安裝。
至此,我們就安裝成功了。
桌面上出現了
測試一下WampServer是否能成功執行
點選桌面圖示
右下角出現了
右擊它,選擇語言,將其中文化
這個時候它是橙色的,處於離線狀態(代表我們的某些服務未被啟動。所有服務被啟動,圖示則是綠色的),我們需要先將它的服務啟動,使其處於線上狀態。
左擊圖示,選擇啟動所有服務
再左擊圖示,點選切換至線上狀態。
彈出警告
意思就是說我的服務未啟動成功
右擊我的電腦,點選管理
點選服務和應用程式,再點選服務
在服務中找到wampapache,wampmysqld(這兩個服務一個代表apche的服務,一個代表mysql資料庫)。從我的電腦裡明顯可以看到是,wampapache服務沒被開啟。
點選開啟wampapache服務
彈出警告
再開啟“控制面板”裡面的“管理工具”中的“事件檢視器”,找到錯誤資訊“make_sock:could not bind to address 0.0.0.0:80
no listening sockets available,shutting down
Unable to open logs”。意思就是80埠被佔用了
解決方法如下:
1、右擊我的電腦:“計算機”–>“本地磁碟(D:)”–>“wamp”–>“bin”–>“apache2.2.21”–>“conf”->“httpd.conf”;
2、找到“httpd.conf”檔案並用記事本開啟,找到“Listen 80”改成“Listen 8080”;再找到“ServerName localhost:80”,改成“ServerName localhost:8080”;(這個httpd.conf是)
3、儲存檔案;再進入“控制面板”–>“管理工具”–>“服務”,找到wampapache服務並啟動;
4、最後再重新啟動wampserver程式,右下角的圖示由紅變橙再變綠,在IE瀏覽器位址列中輸入:http://localhost:8080/,好的,現在PHP開發環境就可以正常使用了!
例子
寫一個程式碼,將其儲存成hello.php。儲存在WWW目錄下
如果你是個專案檔案的話,新建一個資料夾,放在WWW目錄下
這個時候你就可以在主頁上的Your Projects的地方,看到你的專案資料夾
點選你的資料夾,發現報錯了,仔細觀察是URL地址的問題,也就是index.php配置的問題
開啟WWW目錄下的index.php,搜尋if (is_dir($file) && !in_array($file,$projectsListIgnore))
,判斷邏輯裡面的a標籤就是目錄,在http://後面加上localhost:8080/即可(我的埠為8080)。更改完該檔案,重啟啟動下WampServer。
此時再點選那個test資料夾,就能進入到目錄下
點選hello.php。即可看到結果
(這個時候代表我們的Apache伺服器和PHP直譯器都能順利執行)
那麼可能有同學會問,MySQL怎麼用呢?
WampServer 中的MySQL
命令列操縱資料庫
左擊圖示,選擇MySQL->MySQL控制檯。此時能進入命令列操縱資料庫
因為我們沒有設定過MySql密碼,所以此時我們敲回車就可以進入資料庫,進行各種處理了
圖形化介面操縱資料庫
左擊圖示,選擇phpMyAdmin(即網址localhost:8080/phpmyadmin/)。此時能進入命令列操縱資料庫
此時我們就可以圖形化操縱資料庫了
其實這個介面就是PhpMyAdmin
PhpMyAdmin是什麼
phpMyAdmin 是一個以PHP為基礎,以Web-Base方式架構在網站主機上的MySQL的資料庫管理工具,讓管理者可用Web介面管理MySQL資料庫。
其中一個更大的優勢在於由於phpMyAdmin跟其他PHP程式一樣在網頁伺服器上執行,但是您可以在任何地方使用這些程式產生的HTML頁面,也就是於遠端管理MySQL資料庫,方便的建立、修改、刪除資料庫及資料表。也可藉由phpMyAdmin建立常用的php語法,方便編寫網頁時所需要的sql語法正確性。
WampServer修改Mysql密碼的步驟
通過 phpmyadmin 進入mysql,點選上面的 【使用者】 選單,在使用者【root】主機【localhost】點選編輯許可權,下面有一個選項【修改密碼】,輸入您想要的密碼,如:123456.
現在mysql密碼已經修改成功。但是 phpmyadmin 還無法和 mysql 通訊。所以下面我們修改 phpmyadmin 配置檔案
進入wampserver安裝目錄,如 C:/wamp/apps/phpmyadmin3.5.1
開啟config.inc.php 檔案 。修改約16行程式碼
$cfg['Servers'][$i]['password']
=’您修改的密碼’,如:123456然後再進入目錄並開啟
C:/wamp/apps/phpmyadmin3.5.1/libraries/config.default.php 檔案,修改約215行程式碼$cfg['Servers'][$i]['password']
= ‘您修改的密碼’,如 123456重啟wampserver。至此密碼修改成功
ZendStudio 12.5.1
下載地址
安裝步驟
點選Zend [email protected]_1_30414,就會自動開始下載了
然後雙擊ZendStudio-12.5.1-win32.win32.x86_64進行安裝
按照提示一路點選“next” 一直到“finish”。
安裝完成後,桌面會自動生成“Zend Studio 12.0.1”的快捷方式,先不要急著開啟。
點選Zend Studio 12.5.1 x86 x64通用破解補丁 註冊碼20150519,進行解壓
將com.zend.verifier_12.5.1.v20150514-2003.jar放到安裝程式目錄下的plugins資料夾中進行覆蓋(預設的程式目錄為C:Program Files (x86)\Zend\Zend Studio 12.0.1\plugins資料夾)
至此,就可以點選桌面上的圖示,進行開發了
例子
進入Zend Studio軟體中,一開始要求選擇工作空間(強烈建議選擇WampServer中的WWW目錄!不然可能後面會發生未知錯誤)
點選File->New->Project
填寫專案名,點選Finish
這是彈出一個框,點選YES。代表開啟專案檢視~
右擊phpTest->Nest->PHP File
填寫php檔名,點選Finish
編寫hello world
點選執行(像播放器的按鈕綠色的)旁邊的小三角形,可以選擇執行模式,第一個是在控制檯中輸出結果,第二個是在網頁中開啟
選擇第一個的話,在下方出結果
選擇第二個的話,在WAMP開著的情況下,要我們填URL
在圈入的地方。填上你自己的Wamp的地址
點選OK,這樣就成功打開了
XDebug
因為WampServer裡就包含XDebug,所以不需要安裝
配置步驟
Wamp端 XDebug 配置
在wamp的安裝目錄下找到bin->php->php.ini
用記事本開啟它,找到“; XDEBUG Extension”所在位置
原來的文字如下:
; XDEBUG Extension
zend_extension = “c:/wamp/bin/php/php5.5.12/zend_ext/php_xdebug-2.2.5-5.5-vc11.dll”
;
[xdebug]
xdebug.remote_enable = off
xdebug.profiler_enable = off
xdebug.profiler_enable_trigger = off
xdebug.profiler_output_name = cachegrind.out.%t.%p
xdebug.profiler_output_dir = “c:/wamp/tmp”
xdebug.show_local_vars=0
修改後的XDEBUG後的資訊如下(其實就是將xdebug.remote_enable 置為on):
; XDEBUG Extension
zend_extension = “c:/wamp/bin/php/php5.5.12/zend_ext/php_xdebug-2.2.5-5.5-vc11.dll”
;
[xdebug]
xdebug.remote_enable = on
xdebug.profiler_enable = off
xdebug.profiler_enable_trigger = off
xdebug.profiler_output_name = cachegrind.out.%t.%p
xdebug.profiler_output_dir = “c:/wamp/tmp”
xdebug.show_local_vars=0
ZendStudio端XDebug 配置
php Executables 設定
開啟Zendstudio,依次選擇 windows->preferences->PHP->PHP Executables Add 新的PHP Executables
如下圖所示:
點選Add
Name:PHP版本名稱
Executable path:PHP.exe所在地址
PHP ini file(optional):PHP.ini所在地址
此時Executable path就選擇wamp目錄下的bin->php->php 5.5.12中的php.exe
然後可以看到,其他資訊都會被自動填上,再點選Next
再點選Finish
此時配置完成,可以看到裡面有我們新配置後的PHP資訊
php servers 配置
接下來選擇window-Preference-php Servers點選New
選擇Apache
選擇Apche服務的位置。即Wamp目錄下的bin->apache->Apache 2.4.9 ->conf,點選Next
裡面都是預設的內容,不做任何更改。點選Finish
選擇剛剛新建的服務,點選Edit
按這樣配置,點選Finish
測試
選擇剛剛的hello.php檔案,右鍵Debug。選擇在控制檯除錯
出現以下畫面,則代表XDebug配置成功