HTTP服务的搭建
AMP
知道了AMP是三个部分组成的
Apache:世界排名第一的服务器软件,特点是简单,速度快,性能稳定
MySQL:得益于它体积小,速度快,使用成本低。
PHP:对于前端的学习,PHP也要稍作了解。
AMP是三个独立的软件,但是对于初学者而言分别安装以及配置,需要掌握一定的知识,所以使用AMP集成环境帮我们简化安装,可以更易学习Ajax。
分为W(Window)AMP和L(Linux)AMP,这里我选用WAMP作为学习的环境,所以下面给像我这样的小白分享一下装AMP需要注意到的细节。
WAMP 安装,配置,注意点
1.双击这个安装包wampserver.exe,找一下网上可以在下的资源很多。
2.选择安装路径,这里尽量都用非中文路径可以选择一个盘的根目录直接安装。
我这边选择D盘来安装之后可以依照你们选择的不同来对应配置
3.点击Install开始安装,安装完毕点击finish 即可启动wamp
4.启动完成能够在任务栏的右下角看到这个图标即表示安装成功
5.安装成功后,打开浏览器输入127.0.0.1如果能看到一个WAMP的界面就说明没问题了
WAMP橙色图表解决方案
1.检查是否开启了服务:保证Apache,MySQL的服务都是启动状态即可
左键图表,找到Apache底下的Service然后选择Star/Resume service就行了,如果真的不行可以关了再开一般都没问题。
2.检查是否开启了微软自带的IIS服务:首先打开控制面板,然后找到程序和功能,启用或关闭Windows功能,保证里面的Internet Information Services没有被勾选即可
3.为了使同一局域网的其他计算机也可以访问你还需要将防火墙关闭.
修改httpd.conf文件因为Apache的配置默认不允许外部访问,我们需要修改配置 找到D:\wamp\bin\apache\Apache2.2.21\conf文件 使用文本编辑工具打开,通过搜索功能找到onlineoffline tag - don't remove这句话
将大概在234行附近的
Allow from 127.0.0.1
替换为
Allow from all
弄完之后保存,然后左键图标Star All Services重启WAMP的所有服务。
4.局域网内访问:使用一台相同局域网内的拥有浏览器的设备即可通过刚刚获取的IP地址进行访问
常见的通局域网计算机:
连接同一个wifi的计算机(手机也可以测试)
连接同一个交换机的计算机
同教室的电脑
同公司的电脑
配置网站根目录
(注:这里使用的路径为上述安装时的路径,如果没有安装在D盘,那么需要找到对应的路径)
找到WAMP的安装目录 D:\wamp
找到Apache的配置文件 D:\wamp\bin\apache\Apache2.2.21\conf
修改http.conf文件使用文本编辑工具打开httpd.conf文件,搜索documentRoot如果是初次安装,应该分别在178行,205行 修改完毕以后记得保存ctrl+s
然后重启WAMP所有服务
尝试访问:在对应的E盘底下创建一个名为www的文件夹,并在文件夹里放入文件,通过127.0.0.1进行访问可以得到 下图的结果
配置虚拟主机
开启虚拟主机辅配置:
打开D:\wamp\bin\apache\Apache2.2.21\conf
找到httpd.conf文件,并用文本编辑工具打开它
通过搜索找到Include conf/extra/httpd-vhosts.conf
将文本最前方的#删除即可
修改完毕保存
配置虚拟主机:
打开D:\wamp\bin\apache\Apache2.2.21\conf\extra
找到httpd-vhosts.conf文件,使用文本编辑工具打开
拷贝一份VirtualHost标签中的内容,并修改
DocumentRoot:"e:/www/example"
ServerName example.com
ServerAlias "www.example.com"
原本存在的东西不用动,直接复制一份修改上面三行的内容就行
修改完毕保存
修改DNS(hosts)文件
打开C:\Windows\System32\drivers\etc目录
找到hosts文件,将其拷贝到左面
桌面的hosts文件,使用文本工具打开
在末尾添加如下内容
127.0.0.1 example.com
127.0.0.1 www.example.com
修改完毕保存
将文件拷贝回C:\Windows\System32\drivers\etc目录
替换目标文件,如果弹出权限对话框,选择继续
重启WAMP尝试访问
重启wamp
打开浏览器输入www.example.com即可访问
如果弹出的是下图
修改httpd-vhosts.conf文件
打开D:\wamp\bin\apache\Apache2.2.21\conf\extra文件夹
使用文本编辑工具打开httpd-vhosts.conf文件
在之前配置的VirtualHost标签中,加入如下内容
Options Indexes FollowSymLinks
AllowOverride All
Order allow,deny
Allow from all
重启wamp,即可访问。
学习Ajax的前期准备就到这里,这些网上教程也很多,我照着自己的坑只有这些问题了,更深入的暂时是个小白也不懂。
网友评论