從零開始學 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 等結尾。