从零开始学 Web 之 Ajax（一）服务器相关概念

你们好，这里是「 从零开始学 Web 系列教程 」，并在下列地址同步更新......

• github：https://github.com/Daotin/Web
• 微信公众号：Web前端之巅
• 博客园：http://www.cnblogs.com/lvonve/
• CSDN：https://blog.csdn.net/lvonve/

在这里我会从 Web 前端零基础开始，一步步学习 Web 相关的知识点，期间也会分享一些好玩的项目。如今就让咱们一块儿进入 Web 前端学习的冒险之旅吧！

1、服务器和客户端

服务器和客户端都是电脑，在硬件层面上没有明显的划分，配置不好的我的电脑任然能够做为服务器。

服务器若是想对外提供服务，必须安装相应的软件，因此不是服务器这台电脑能够提供服务，而是其安装的软件提供的服务。好比：

HTTP网页服务：Apache，Tomcat，IIS等

文件上传下载服务：VsFtp等

邮箱服务：SendMail 等

数据存储服务：MySql，Oracle 等

一、网路相关概念

IP 地址：

地址是为了标注某个地点，方便查找。

互联网上又不少公司，每家公司都有本身的服务器。经过 IP 地址就能够找到特定的服务器，使用这台服务器提供的服务。好比百度服务器的地址为：123.125.114.144。

能够经过：ipconfig 查看本机 IP 地址。

域名：

因为 IP 地址是一串数字，很难记忆，为了便于人们记忆，就把域名代替 IP 地址。

好比：www.baidu.com 就是百度的域名。

经过 ping www.baidu.com 能够查看域名对应的 IP 地址。

DNS 域名解析器

DNS 又叫作域名解析服务器，提供域名和 ip 地址的映射关系。

一台电脑访问服务器的过程以下：

好比访问百度服务器：当在地址栏输入 www.baidu.com 点击回车的时候，浏览器会将域名发送到 DNS 域名解析器，解析出 www.baidu.com 对应的 ip 为：123.125.114.144，而后再将这个域名返回给浏览器，浏览器再从这个 ip 访问百度服务器。

然而，通常咱们电脑上有一个 hosts 文件，里面保存的是域名和 ip 地址的映射关系。其实在地址栏输入 www.baidu.com 点击回车的时候，会先从 hosts 文件中读取是否有对应域名的 ip 地址，若是有直接返回浏览器访问 ip 地址，若是找不到再从 DNS 域名解析器解析出 ip 地址访问。

本机 hosts 文件的路径：C:\Windows\System32\drivers\etc\hosts

端口

当咱们电脑找到一台服务器时，这台服务器可能会提供不少服务，如何区分客户端须要哪一种服务就须要端口来区分。

好比：咱们在访问百度提供的网页服务时，完整的写法为：www.baidu.com:80，80 这个端口就是百度提供网页服务的，可是80这个端口比较特殊，能够省略不写。

再好比咱们在设置邮箱客户端的时候，也须要指定端口号。

二、通讯协议

通讯协议就是事先商量好的规则。而计算机之间的通讯也须要规则。

常见的协议有：

HTTP、HTTPS：超文本传输协议

FTP：文件传输协议

SMTP：简单邮件传输协议

2、WAMP 的安装配置

什么是Wamp？

Wamp指的是：Windows、Apache、MySQL、PHP 几个服务器软件的缩写，相似的还有 LAMP，只不过把 Windows 换成了 Linux。

为何要安装 Wamp？

之前咱们写的 html 文件都是在本地执行的，如今咱们想把咱们的电脑变成一台服务器，而后将咱们的 html 界面以服务的方式提供给别的客户机访问。

Wamp的安装配置

安装很简单，略。

Wamp 的简单配置：

配置访问权限

默认状况下，apache 提供的网页服务只容许 localhost 和 127.0.0.1 （其实这两个是一个映射关系，在 hosts 里面有写）访问，若是咱们想让别的客户机访问，就须要对配置文件进行修改。配置文件位于：C:\wamp\bin\apache\Apache2.4.4\conf\httpd.conf 将 268 行的 Deny from all 改为 Allow from all。

注意：在修改全部配置文件以前，都应该先作备份。

网站根路径的配置

默认状况下，网站的根路径为 c:\wamp\www ，在此目录下的文件才能够以服务的方式提供给别人访问，若是想更改这个路径，也须要修改 C:\wamp\bin\apache\Apache2.4.4\conf\httpd.conf 文件，将 DocumentRoot 修改成本身想要的目录。

DocumentRoot "I:/Web/Demo/php"
<Directory "I:/Web/Demo/php">

注意：修改以后，原路径 c:\wamp\www 将不可访问。

3、静态网站和动态网站

静态网站

全部的 HTML 代码所有都已经写好，任何人访问都是相同的。每次网页的改变，都须要修改 HTML 源码，并且若是有1000个 HTML 文件，就须要修改 1000 个 HTML代码，工做量巨大。

动态网站

通常动态网站经过数据库进行架构，动态网站的内容能够根据不一样用户的不一样需求展现不一样的页面。通常是以 asp、jsp、php、aspx 等结尾。