开发者学堂课程【Ajax 前端开发入门与实战：Wamp 的安装和配置】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/595/detail/8510
Wamp 的安装和配置
内容介绍：
一、为什么要安装 Wamp
二、 Wamp 是什么
三、 Wamp 的安装
四、 Wamp 的简单配置
一、为什么要安装 Wamp
比如说现在已经写好了一个网页，这个网页的名称叫做 login.html，这个网页当中里面的一些标签都已经写好了，现在想看一下这个网页能呈现出什么样的一种效果？应该怎么办呢？
毫无疑问，通过过双击的方式就可以在浏览器当中把这个 HTML 界面进行打开，就可以在浏览器当中来看到这个 HTML 界面它所呈现出来的效果。
现在是以双击的方式把这个界面打开的，一旦我们是以双击的方式打开一个 HTML界面，浏览器的地址栏当中是以 file 形式开头的，以文件的方式来打开这样一个 HTML，这个文件在 d 盘的某一个目录下面。
那这个跟我们平常所见到的网页不太一样。比如说打开 baidu.com，在 baidu.com的地址栏当中可以看到它是以 HTTP 开头的，而并不是以 file 开头的。所以这个百度的首页是以服务的方式提供出去给别人进行访问的，并不是以文件的方式提供给别人访问。
但以文件的方式来打开一个 HTML 会有什么样的一个问题呢？
我们写完这样一个网页目的目的肯定不是仅仅只是自己来看这个网页当中的内容，是想让千千万万的用户都能够访问到这样一个界面，是为别人提供服务的。
但是以 file 的方式来把这个文件打开，其他人肯定不会会把他电脑当中的鼠标移动到你这个磁盘目录下面来打开。
所以将我们写的 html 界面以服务的方式分享给别人看，否则别人的电脑是无法看到我们所写的界面。
二、 Wamp 是什么
Wamp 指的是： Windows 、 apache 、 mysql 、php 几个服务器软件的缩写，类似的还有 Lamp ： linux 、 apache 、 mysql 、 php
我们安装 wamp 可以认为把我们的电脑变成了一台服务器，服务器是提供服务的。
Wamp 可以让我们的电脑提供网页服务。其他电脑只需要通过 IP 地址或者域名就能够访问到对应的 HTML 界面。
三、 Wamp 的安装
选择合适你操作系统的安装包，双击安装之后一路 next 即可完成安装。安装完成后，运行服务，当右下角的图标变为绿色，即代表服务安装成功。
接下来将我们需要以服务方式分享给别人看的 html 文件放到 C:\wamp\www 目录下即可。
打开浏览器输入 localhost/127.0.0.1 将会一个界面，如果出现这样一个界面就代表这个软件已经正常运行了。
点击 www.directory 按钮，只需要将 login.html 复制进这个目录，通过 127.0.0.1/login.html 就可以访问到所写的页面中。
在虚拟机中打开浏览器，需要输入自己电脑的 IP 地址，在自己电脑的 cmd 中通过ipconfig 的方式查看，在虚拟机中输入 192.168.31.204/login.html ，因为没有权限访问不了。
四、 Wamp 的简单配置
1. 配置访问权限，默认情况下， apache 提供的网页服务只允许 localhost 和 127.0.0.1进行访问，我们需要对配置文件进行修改。
配置文件位于：
C:\wamp\bin\apache\Apache2.4.4\conf\httpd.conf 将268行的 Deny from all 改为 Allow from all保存后重启wamp的服务。打开虚拟机点击刷新，login.html 网页将能正常访问。
266 # onlineoffling tag - don’t remove
267 order Deny,Allow
268 Allow from all
269 Allow from 127.0.01
270 Allow from::1
271 Allow from localhost
2. 网站根路径的配置，默认情况下，网站的根路径为 C:\wamp\www ，在此目录下的文件才可以以服务的方式提供给别人看，如果你不想使用这个目录，也可以进行修改。修改
C:\wamp\bin\apache\Apache2.4.4\conf\httpd.conf 文件，将 DocumentRoot 进行修改，
如下
239 DocumentRoot “d：/myweb’’
240 ‘’ d:/,myweb’’>
在 wamp 中创建一个新的 test.html 文件。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>测试界面</title>
</head>
<body>
测试界面 OK
保存后回到虚拟机，输入192.168.31.204/test.html 回车将会成功访问。
