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

PHP 開發環境配置:WampServer+ZendStudio+XDebug

補丁 其中 找到 admin end pac amp 鼠標 選項

前言

一開始我在另一篇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它會去做。

下載地址

http://www.xiazaiba.com/html/27954.html

安裝步驟

開始安裝

技術分享

點擊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目錄下

技術分享

技術分享

此時在瀏覽器中,敲http://localhost:8080/hello.php即可訪問(如果你的配置環境時,80端口沒有被占用。此時敲http://localhost:8080/hello.php即可訪問)

技術分享

如果你是個項目文件的話,新建一個文件夾,放在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

下載地址

ZendStudio 12.5.1:http://www.xiazaiba.com/html/30414.html

破解工具:
http://dwtedx.com/download.html?bdkey=s/1jGsyPcq(密碼:9bw7)

安裝步驟

點擊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配置成功

技術分享

PHP 開發環境配置:WampServer+ZendStudio+XDebug