超详细 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它会去做。

下载地址

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

安装步骤

开始安装

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第1张图片

点击Next

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第2张图片

点击Next

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第3张图片

点击 Next。推荐大家就安装在默认位置,或者可以选一个其他的位置,但注意安装路径请不要有中文,不然可能发生错误!

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第4张图片

第一个代表是创建快速启动图标,第二个是创建桌面图标,继续点击Next

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第5张图片

点击安装

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第6张图片

等待安装~

安装过程中弹出了这样一个窗口,是让我们选择默认浏览器。默认浏览器就是explorer。于是点击打开。
超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第7张图片

安装快结束的时候,又出现这个。提示一个输入管理员邮箱以及邮箱SMTP服务器的窗口,这个如果大家愿意填写,可以填一下,不过一般情况下直接点击next就可以了,不会影响安装。

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第8张图片

至此,我们就安装成功了。

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第9张图片

桌面上出现了

这里写图片描述

测试一下WampServer是否能成功运行

点击桌面图标

这里写图片描述

右下角出现了

这里写图片描述

右击它,选择语言,将其中文化

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第10张图片

这个时候它是橙色的,处于离线状态(代表我们的某些服务未被启动。所有服务被启动,图标则是绿色的),我们需要先将它的服务启动,使其处于在线状态。

左击图标,选择启动所有服务

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第11张图片

再左击图标,点击切换至在线状态。

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第12张图片

弹出警告

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第13张图片

意思就是说我的服务未启动成功

右击我的电脑,点击管理
超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第14张图片

点击服务和应用程序,再点击服务

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第15张图片

在服务中找到wampapache,wampmysqld(这两个服务一个代表apche的服务,一个代表mysql数据库)。从我的电脑里明显可以看到是,wampapache服务没被开启。

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第16张图片

点击开启wampapache服务

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第17张图片

弹出警告

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第18张图片

再打开“控制面板”里面的“管理工具”中的“事件查看器”,找到错误信息“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是)

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第19张图片

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第20张图片

3、保存文件;再进入“控制面板”–>“管理工具”–>“服务”,找到wampapache服务并启动;

这里写图片描述

4、最后再重新启动wampserver程序,右下角的图标由红变橙再变绿,在IE浏览器地址栏中输入:http://localhost:8080/,好的,现在PHP开发环境就可以正常使用了!

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第21张图片

例子

写一个代码,将其保存成hello.php。保存在WWW目录下

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第22张图片

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第23张图片

此时在浏览器中,敲http://localhost:8080/hello.php即可访问(如果你的配置环境时,80端口没有被占用。此时敲http://localhost:8080/hello.php即可访问)

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第24张图片

如果你是个项目文件的话,新建一个文件夹,放在WWW目录下

这里写图片描述

这个时候你就可以在主页上的Your Projects的地方,看到你的项目文件夹

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第25张图片

点击你的文件夹,发现报错了,仔细观察是URL地址的问题,也就是index.php配置的问题

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第26张图片

打开WWW目录下的index.php,搜索if (is_dir($file) && !in_array($file,$projectsListIgnore)) ,判断逻辑里面的a标签就是目录,在http://后面加上localhost:8080/即可(我的端口为8080)。更改完该文件,重启启动下WampServer。

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第27张图片

此时再点击那个test文件夹,就能进入到目录下

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第28张图片

点击hello.php。即可看到结果

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第29张图片
这个时候代表我们的Apache服务器和PHP解释器都能顺利运行

那么可能有同学会问,MySQL怎么用呢?

WampServer 中的MySQL

命令行操纵数据库

左击图标,选择MySQL->MySQL控制台。此时能进入命令行操纵数据库

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第30张图片

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第31张图片

因为我们没有设置过MySql密码,所以此时我们敲回车就可以进入数据库,进行各种处理了

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第32张图片

图形化界面操纵数据库

左击图标,选择phpMyAdmin(即网址localhost:8080/phpmyadmin/)。此时能进入命令行操纵数据库

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第33张图片

此时我们就可以图形化操纵数据库了
超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第34张图片

其实这个界面就是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 Studio@89_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目录!不然可能后面会发生未知错误)

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第35张图片

点击File->New->Project

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第36张图片

填写项目名,点击Finish

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第37张图片

这是弹出一个框,点击YES。代表开启项目视图~

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第38张图片

右击phpTest->Nest->PHP File

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第39张图片

填写php文件名,点击Finish

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第40张图片

编写hello world

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第41张图片

点击运行(像播放器的按钮绿色的)旁边的小三角形,可以选择运行模式,第一个是在控制台中输出结果,第二个是在网页中打开

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第42张图片

选择第一个的话,在下方出结果

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第43张图片

选择第二个的话,在WAMP开着的情况下,要我们填URL

这里写图片描述

在圈入的地方。填上你自己的Wamp的地址
超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第44张图片

点击OK,这样就成功打开了

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第45张图片

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

如下图所示:

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第46张图片

点击Add
超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第47张图片

Name:PHP版本名称
Executable path:PHP.exe所在地址
PHP ini file(optional):PHP.ini所在地址

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第48张图片

此时Executable path就选择wamp目录下的bin->php->php 5.5.12中的php.exe

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第49张图片

然后可以看到,其他信息都会被自动填上,再点击Next

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第50张图片

再点击Finish

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第51张图片

此时配置完成,可以看到里面有我们新配置后的PHP信息

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第52张图片

php servers 配置
接下来选择window-Preference-php Servers点击New

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第53张图片

选择Apache
超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第54张图片

选择Apche服务的位置。即Wamp目录下的bin->apache->Apache 2.4.9 ->conf,点击Next

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第55张图片

里面都是默认的内容,不做任何更改。点击Finish

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第56张图片

选择刚刚新建的服务,点击Edit

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第57张图片

按这样配置,点击Finish

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第58张图片

测试

选择刚刚的hello.php文件,右键Debug。选择在控制台调试

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第59张图片

出现以下画面,则代表XDebug配置成功

超详细 PHP 开发环境配置:WampServer+ZendStudio+XDebug_第60张图片

你可能感兴趣的:(PHP,开发工具)