1. 程式人生 > >超詳細 PHP 開發環境配置:WampServer+ZendStudio+XDebug

超詳細 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密碼的步驟

  1. 通過 phpmyadmin 進入mysql,點選上面的 【使用者】 選單,在使用者【root】主機【localhost】點選編輯許可權,下面有一個選項【修改密碼】,輸入您想要的密碼,如:123456.

  2. 現在mysql密碼已經修改成功。但是 phpmyadmin 還無法和 mysql 通訊。所以下面我們修改 phpmyadmin 配置檔案

  3. 進入wampserver安裝目錄,如 C:/wamp/apps/phpmyadmin3.5.1

  4. 開啟config.inc.php 檔案 。修改約16行程式碼 $cfg['Servers'][$i]['password']=’您修改的密碼’,如:123456

  5. 然後再進入目錄並開啟
    C:/wamp/apps/phpmyadmin3.5.1/libraries/config.default.php 檔案,修改約215行程式碼 $cfg['Servers'][$i]['password'] = ‘您修改的密碼’,如 123456

  6. 重啟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配置成功

這裡寫圖片描述

相關推薦

no