前言：

情景一：平時(shí)在我們開發(fā)的時(shí)候，一般項(xiàng)目都只存放在 localhost 指定的根目錄下，當(dāng)有好幾個(gè)項(xiàng)目的時(shí)候，只能在根目錄下以不同的文件夾區(qū)分，特別的不方便。

情景二：平時(shí)在看教學(xué)視頻的時(shí)候，總是看到那些老師在單機(jī)下使用不同的域名，訪問(wèn)的卻是本地的項(xiàng)目代碼，每當(dāng)這時(shí)候我都會(huì)問(wèn)，這個(gè)怎么實(shí)現(xiàn)的。

情景三：在最近去實(shí)習(xí)面試的時(shí)候，面試官問(wèn)我如何在 apache 服務(wù)器上搭建多站點(diǎn)。我只能回答我不會(huì)。

為了解決上面的幾個(gè)問(wèn)題，我決定把 apache 多站點(diǎn)配置這個(gè)知識(shí)點(diǎn)搞清楚。關(guān)鍵是搞懂 apache 虛擬主機(jī)，Apache的虛擬主機(jī)是一種允許在同一臺(tái)機(jī)器上，運(yùn)行超過(guò)一個(gè)網(wǎng)站的解決方案。后面圍繞的就是 apache 虛擬主機(jī)展開的。

在本篇博客中我將介紹兩種方法來(lái)實(shí)現(xiàn) apache 多站點(diǎn)的配置：

1、如何配置根據(jù)訪問(wèn)的域名區(qū)分配置不通的站點(diǎn)？

（比如，訪問(wèn) chabaoo.cn訪問(wèn)的是 /home/www/jb51項(xiàng)目，訪問(wèn) www.wordpress.com 訪問(wèn)的是 /home/www/wordpress 項(xiàng)目）

2、在相同域名地址的情況下，如何通過(guò)訪問(wèn)不同的端口獲得不同的站點(diǎn)？

（比如，訪問(wèn) chabaoo.cn訪問(wèn)的是 /home/www/jb51項(xiàng)目，訪問(wèn) chabaoo.cn:8080 訪問(wèn)的是 /home/www/jb51_admin 項(xiàng)目(即 jb51的后臺(tái)管理系統(tǒng))）

一：根據(jù)訪問(wèn)的域名區(qū)分站點(diǎn)

在這里我先介紹Ubuntu 系統(tǒng)下的配置，在來(lái)討論CentOS 下（因?yàn)槲以趯W(xué)習(xí)過(guò)程中也是先 ubuntu，再配置 centos 的時(shí)候都是參考的 ubuntu 的配置）

Ubuntu 環(huán)境下：

我的環(huán)境是：

操作系統(tǒng)：Ubnutu 16.04 LTS

apache 服務(wù)：Apache/2.4.18 (Ubuntu)（使用 apache2 -v 命令獲取 ）

在 Ubnutu 上，apache 服務(wù)叫 apache2，而不是 httpd（在 Centos 上叫 httpd），主配置文件為 /etc/apache2/apache2.conf，我們打開 /etc/apache2/apache2.conf，發(fā)現(xiàn)最后兩行為：

# Include the virtual host configurations:
IncludeOptional sites-enabled/*.conf

顯然 /etc/apache2/sites-enabled 下存放著有關(guān)虛擬站點(diǎn)（VirtualHost）的配置。經(jīng)查看，初始情況下，該目錄下包含一個(gè)符號(hào)連接（軟鏈接，相當(dāng)于快捷方式）：

000-default.conf -> ../sites-available/000-default.conf

這里又引出另外一個(gè)配置目錄：/etc/apache2/sites-available。這個(gè)目錄下放置了所有可用站點(diǎn)的真正配置文件，對(duì)于 Enabled 的站點(diǎn)，Apache2 在 sites-enabled 目錄建立一個(gè)到 sites-available 目錄下文件的符號(hào)鏈接。

/etc/apache2/sites-available 下有兩個(gè)文件：

000-default.conf  default-ssl.conf

/etc/apache2/sites-enabled/000-default.conf 鏈接的文件是 /etc/apache2/sites-available/000-default.conf，我們就以 /etc/apache2/sites-available/000-default.conf 文件為例，看看一個(gè) VirtualHost 的配置是啥樣的（為了簡(jiǎn)潔，所有的注釋我都去掉了）：

<VirtualHost *:80>
  ServerAdmin webmaster@localhost
  DocumentRoot /var/www/html

  ErrorLog ${APACHE_LOG_DIR}/error.log
  CustomLog ${APACHE_LOG_DIR}/access.log combined
</VirtualHost>

DocumentRoot 是這個(gè)站點(diǎn)的根目錄，這樣 Apache2 啟動(dòng)時(shí)會(huì)掃描 /etc/apache2/sites-enabled 中可用的 website 配置并加載。當(dāng)用戶訪問(wèn)localhost:80 時(shí)，Apache2 就將 default 站點(diǎn)根目錄 /var/www/html 下的index.html（或 index.PHP 等，可配置）作為請(qǐng)求的回應(yīng)返回給瀏覽器，你就會(huì)欣賞到的就是 /var/www/html/index.html 這個(gè)文件中的內(nèi)容了。

Apache2的默認(rèn)站點(diǎn)我們不要去動(dòng)它。我們新增站點(diǎn)配置來(lái)滿足我們的要求。

第一步：新增站點(diǎn)配置文件

在 /etc/apache2/sites-available 目錄中中建立兩個(gè)站點(diǎn)的配置文件 www-jb51-net.conf 和 www-wordpress-com.conf：

#進(jìn)入虛擬主機(jī)配置文件夾
cd /etc/apache2/sites-available/
#復(fù)制默認(rèn)的虛擬主機(jī)配置文件
sudo cp 000-default.conf www-jb51-net.conf
sudo cp 000-default.conf www-wordpress-com.conf

編輯這兩個(gè)配置文件，以 www-jb51-net.conf為例：

# Created By zhongjin on 2016-12-12 冬至
<VirtualHost *:80>
  ServerAdmin 1054840542@qq.com
  ServerName chabaoo.cn
  DocumentRoot /home/www/jb51

  <Directory "/home/www/jb51">
    Options FollowSymLinks
    AllowOverride All 
    #Require all denied
    Require all granted
  </Directory>              

  ErrorLog ${APACHE_LOG_DIR}/error.log
  CustomLog ${APACHE_LOG_DIR}/access.log combined

</VirtualHost>

注意上面配置中：ServerName、DocumentRoot 和 Directory 是我們重點(diǎn)關(guān)注的配置點(diǎn)。jb51的 ServerName 為chabaoo.cn，根目錄為 /home/www/jb51，Directory 同 DocumentRoot。

針對(duì) www-wordpress-com.conf 改變相應(yīng)的配置，即修改 ServerName 為 www.wordpress.com，DocumentRoot 和 Directory 修改為 /home/www/wordpress。

第二步：在sites-enabled目錄下建立符號(hào)鏈接

cd /etc/apache2/sites-enabled
#建立對(duì)應(yīng)的軟鏈接
sudo ln -s /etc/apache2/sites-available/www-jb51-net.conf /etc/apache2/sites-enabled/www-jb51-net.conf
sudo ln -s /etc/apache2/sites-available/www-wordpress-com.conf /etc/apache2/sites-enabled/www-wordpress-com.conf

第三步：在對(duì)應(yīng)目錄放入項(xiàng)目代碼

如上面所示，我們的 jb51項(xiàng)目代碼放在 /home/www/jb51 ，wordpress 項(xiàng)目代碼放在 /home/www/wordpress，那么我們?cè)趯?duì)應(yīng)目錄下創(chuàng)建對(duì)應(yīng)目錄并賦予相應(yīng)權(quán)限，以 jb51為例：

sudo mkdir -p /home/www/linuxidc

然后在 /home/www/jb51 下放入項(xiàng)目代碼，這里為了測(cè)試就新建 index.php，內(nèi)容如下：

<?php

echo "hello,welcome to jb51!";

賦予相應(yīng)的權(quán)限：

sudo chmod -R 777 /home/www/jb51

針對(duì) wordpress 做同樣的操作。

第四步：修改 /etc/hosts 文件

打開查看 /etc/hosts 文件，開頭是：

127.0.0.1  localhost

我們?cè)谠撔泻竺嫣砑樱?/p>

# modified by zhongjin on 2016-12-21 冬至
127.0.0.1  chabaoo.cn
127.0.0.1  www.wordpress.com

#保存退出

第五步：重啟 apache 服務(wù)器并測(cè)試

重啟 apache 服務(wù)器使得配置生效：

systemctl restart apache2.service

在瀏覽器（如果是桌面版的話）中訪問(wèn)chabaoo.cn或 www.wordpress.com，看看是否輸出了 index.php 文件中的內(nèi)容。

如果你不是桌面版（服務(wù)器），那么可以使用命令行測(cè)試：

curl chabaoo.cn

看看返回的字符串是不是正確輸出！

Centos 環(huán)境下：

我的環(huán)境是：操作系統(tǒng)：Centos 7

apache 服務(wù)： Apache/2.4.6 (CentOS)（通過(guò) httpd -v 獲?。?/p>

在這里我們實(shí)現(xiàn) Ubuntu 環(huán)境下同樣的效果。

Centos 下，apache 的服務(wù)叫 httpd，主配置文件為 /etc/httpd/conf/httpd.conf，我們?yōu)g覽 httpd.conf 文件，搜索關(guān)鍵字 vhost，發(fā)現(xiàn)根本找不到相關(guān)的東西，不過(guò)在最后兩行有以下內(nèi)容：

# Load config files in the "/etc/httpd/conf.d" directory, if any.
IncludeOptional conf.d/*.conf

難道虛擬主機(jī)的配置也在 /etc/httpd/conf.d 下面？LZ 去看了一下該目錄下面所有文件的內(nèi)容，發(fā)現(xiàn)根本沒(méi)有關(guān)于虛擬主機(jī)的配置，如果你再仔細(xì)觀察 http.conf 配置文件，你就會(huì)發(fā)現(xiàn)，其實(shí)在 Centos 下，其默認(rèn)主機(jī)只有 localhost ==> /var/www/html ，如果需要的話，我們得自己擴(kuò)展了。

我們有兩種方式實(shí)現(xiàn)自己的擴(kuò)展，一種是直接在 /etc/httpd/conf/httpd.conf 后面追加配置內(nèi)容，一種是在外部文件先配置好，再類似 IncludeOptional conf.d/*.conf 那樣引入我們的配置。一般不推薦直接修改主配置文件，所以我們使用第二種方式。

我們還是模仿上面的配置：

第一步：新增站點(diǎn)配置文件

cd /etc/httpd
sudo mkdir vhost-conf.d

我們?cè)?vhost-conf.d 目錄下新增我們的虛擬主機(jī)配置文件 www-jb51-net.conf 和 www-wordpress-com.conf，以 www-jb51-net.conf 為例，我們輸入以下內(nèi)容：

<VirtualHost *:80>
  #Created by zhongjin on 2016-12-21 冬至
  Serveradmin jb51@jb51.com
  ServerName chabaoo.cn
  DocumentRoot /home/www/jb51

  <Directory "/home/www/jb51">
     Options FollowSymLinks
     AllowOverride All
     #Require all denied
     Require all granted
  </Directory>
</VirtualHost>

針對(duì) www-wordpress-com.conf 改變相應(yīng)的配置，即修改 ServerName 為 www.wordpress.com，DocumentRoot 和 Directory 修改為 /home/www/wordpress。

第二步：在主配置中引入我們的虛擬主機(jī)配置

sudo vim /etc/httpd/conf/httpd.conf
# 在主配置文件末尾添加以下內(nèi)容
# Load vhost-config files in the "/etc/httpd/vhost-conf.d" directory if any
# created by zhongjin on 2016-12-21 冬至
Include vhost-conf.d/*.conf

第三步：在對(duì)應(yīng)目錄放入項(xiàng)目代碼

直接參考 Ubnutu 環(huán)境下的第三步配置。

第四步：修改 /etc/hosts 文件

直接參考 Ubnutu 環(huán)境下的第四步配置。

第五步：重啟 apache 服務(wù)器并測(cè)試

重啟 apache 服務(wù)器使得配置生效：

sudo systemctl restart httpd.service

在瀏覽器（如果是桌面版的話）中訪問(wèn) chabaoo.cn 或 www.wordpress.com，看看是否輸出了 index.php 文件中的內(nèi)容。

如果你不是桌面版（服務(wù)器），那么可以使用命令行測(cè)試：

curl chabaoo.cn

看看返回的字符串是不是正確輸出！

注意：

在 Centos 下，由于默認(rèn)的虛擬主機(jī)配置（localhost）是直接在 /etc/httpd/conf/httpd.conf 文件中配置的，所以我們?cè)诤竺嫣砑游覀兊呐渲玫臅r(shí)候，會(huì)覆蓋前面的相同的配置，所以當(dāng)你 curl localhost 的時(shí)候，可能訪問(wèn)的是 jb51項(xiàng)目下的代碼，也可能是 wordpress 下的代碼。

我的解決方案是：按照上面的步驟重新建一個(gè) localhost 域名，使它指向 /var/www/html 目錄即可。

二、同域名下，通過(guò)訪問(wèn)不同的端口獲得不同的站點(diǎn)

其實(shí)在這里實(shí)現(xiàn)的步驟跟上面的沒(méi)多大差別，我就說(shuō)說(shuō)需要做的額外操作。

這里以 jb51為例，通過(guò)訪問(wèn) chabaoo.cn:80（默認(rèn)就是80），返回的是“hello,welcome to jb51“，而訪問(wèn) chabaoo.cn:8080，返回的是 ”hello,welcome to jb51background management“。

Ubuntu 環(huán)境下：

讓我們的 apache2 監(jiān)聽 8080 端口：

修改 /etc/apache2/ports.conf 文件，在 Listen 80 后面添加兩行：

NameVirtualHost *:8080
Listen 8080

在 /etc/apache2/sites-available/ 下增加  www-jb51-net-8080.conf，并在 /etc/apache2/sites-enabled/ 下建立符號(hào)鏈接。方法參考前面。

 www-jb51-net-8080.conf 的主要配置內(nèi)容如下：

<VirtualHost *:8080>
  #Created by zhongjin on 2016-12-21 冬至
  Serveradmin 1054840542@qq.com
  ServerName chabaoo.cn

  DocumentRoot /home/www/jb51_admin

  <Directory "/home/www/jb51_admin">
     Options FollowSymLinks
     AllowOverride All
     #Require all denied
     Require all granted
  </Directory>
</VirtualHost>

大家一定要看清楚需要修改的地方，VirtualHost 改為 8080，DocumentRoot 和 Directory 均改為 /home/www/jb51_admin，但是 ServerName 不用改，還是用 chabaoo.cn

創(chuàng)建目錄 /home/www/jb51_admin，添加文件 index.php，輸出 “hello,welcome to jb51background management”。

重啟 apache 服務(wù)器，測(cè)試

CentOS 環(huán)境下：

讓 httpd 監(jiān)聽 8080 端口：

直接修改 /etc/httpd/conf/httpd.conf 配置文件，在 Listen 80 后面添加兩行：

# created by zhongjin on 2016-12-21 冬至
NameVirtualHost *:8080
Listen 8080

在 /etc/httpd/vhost-conf.d 下面添加 www-jb51-net-8080.conf

直接復(fù)制 www-jb51-net.conf 文件，改名為 www-jb51-net-8080.conf，并修改為：

<VirtualHost *:8080>
  #Created by zhongjin on 2016-12-21 冬至
  Serveradmin 1054840542@qq.com
  ServerName chabaoo.cn

  DocumentRoot /home/www/jb51_admin

  <Directory "/home/www/jb51_admin">
    Options FollowSymLinks
    AllowOverride All 
    #Require all denied
    Require all granted
  </Directory>
</VirtualHost>

注意修改的地方！

創(chuàng)建目錄 /home/www/jb51_admin，添加文件 index.php，輸出 “hello,welcome to jb51background management”。

重啟 apache 服務(wù)器，測(cè)試

后話：

多站點(diǎn)的配置還有另外一種配置，就是通過(guò)不同的IP進(jìn)行多站點(diǎn)的配置，由于我沒(méi)有進(jìn)行實(shí)驗(yàn)（前面的內(nèi)容都是LZ 親身體會(huì)過(guò)），所以這里就不給出方法了。

最新評(píng)論