FE Tool Tip | WampServer 的使用及问题排查方法

原创文章，转载请保留作者信息
©soyaine - http://www.jianshu.com/p/10c23f115d62

WampServer 是用来干嘛的？
它的名称来源是 Windows,Apache, MySQL, PHP，集成了这些环境，从而使前端开发者可以不去单独安装配置即可轻松得到后端环境。
它能带来什么？
平常使用 WebStorm ，调试时使用的是 WebStorm 对应的端口号（#研究一下能不能改），而且带有身份标识参数。
WampServer 可以让我们从这里解放出来，自由配置所需要的域名及端口，在调试时更好的模拟实际运行环境。

WampServer的配置
需要注意每次配置之后都需要重新启动服务方可生效。

方法一：
Apache 配置文件目录如： E:\wamp\bin\apache\apache2.4.9\conf。
其中的 httpd.conf 文件即是。
方法二：
托盘右键单击图标直达后修改，这种方式以记事本打开，换行显示有些不友好。

Paste_Image.png
修改网站根目录
问题描述：安装成功后默认情况下访问 localhost，访问的是 Wamp 安装目录下的 www 文件夹，我想把 localhost 访问的目录改为我的项目所在文件夹，该如何操作？
解决办法：
假设我的项目文件路径为——E:/soyaine/site/

修改 httpd.conf 中的
DocumentRoot "E:/wamp/www/"
至
DocumentRoot "E:/soyaine/site/"


       Options Indexes FollowSymLinks
       AllowOverride all
       Require all granted

具体可参照文档。

附：我遇到的问题
最开始修改 DocumentRoot，访问时显示 403 错误，于是我添加：


    Order allow, deny
    Allow from all

添加后 Apache 的服务无法启动。
问题解决：
查了一下文档之后发现，我理解错了 Allow from all 的使用方法，它并不是写在 Directory 下的，而是直接写在文档中，所以直接导致了 Apache 无法启动。

托盘图标的颜色分别代表：

在确定 Apache 和 MySQL 成功安装的前提下。

检查 Apache ，80 端口是否被占用
方法一：右键单击托盘图标， Apache >> Service >> Test Port 80（测试 80 端口）
方法二：cmd 中输入 netstat -ano，会列出端口占用列表及 PID ，根据 PID 可以在任务管理器中找到对应服务。

任务管理器-服务

若端口冲突，可选择停止占用了 80 端口的服务（常见的有 IIS、Skype、SQLServer）。
或是在 httpd.conf（文件目录见上面）中修改 Apache 使用的端口，查找到 ##Listen 。
将 #Listen 12.34.56.78:80 （注释行）下方的

Listen 0.0.0.0:80
Listen [::0]:80

（假定需要给 Apache 配置 2333 端口号）修改为：

Listen 0.0.0.0:2333
Listen [::0]:2333

此处 2333 应为未被占用过的端口号，任意选一个，你喜欢就好。
保存文件并重启所有服务，即可通过 http://localhost:2333/ 访问。

以上参照了 Fixing the Orange (or Red) Status Icon in WampServer、WampServer orange icon。