VirtualHost 設定- 成功啟動網站(WAMPServer)

VirtualHost 是什麼呢?

VirtualHost 目的是使用同一個網頁伺服器 ( Apache ) 架設多個網站 ( e.g. hipay0.com ; www.hipay0.com ),當使用者以不同網域名稱 ( e.g. hipay0.com ; www.hipay0.com… ) 連到主機時, Apache 會依據不同的網址,回應不同的網頁內容。

1、VirtualHost 設定

1-1、打開電腦總管,在路徑【 C:\wamp64 】底下,執行【 wampmanager.exe 】

02_ virtualhost 設定-  執行wampmanager
執行 wampmanager.exe

1-2、在視窗右下角綠色圖案點滑鼠右鍵,然後進入【 localhost 】

03_ virtualhost 設定-  localhost
進入【 localhost 】

1-3、點一下【 Add a Virtual Host 】

04_ virtualhost 設定-  add virtualhost
Add a Virtual Host

1-4、新增第一個VirtualHost :

  • 在下圖編號 1 的欄位輸入【 你的網址 】( e.g. hipay0.com )
  • 在下圖編號 2 的欄位輸入【 網站根目錄路徑 】( e.g. C:\wamp64\www\spa )
  • 按一下下圖編號 3 的按鈕,開始新增VirtualHost 
04_ virtualhost 設定-  add virtualhost-1
新增第一個VirtualHost

1-5、新增第二個 VirtualHost :

  • 在上圖編號 1 的欄位輸入【 你的網址 】( e.g. www.hipay0.com )
  • 在上圖編號 2 的欄位輸入【 網站根目錄路徑 】( e.g. C:\wamp64\www\spa )
  • 按一下上圖編號 3 的按鈕,開始新增 VirtualHost

1-6、完成 VirtualHost 設定。

04_ virtualhost 設定-  add virtualhost
新增第二個VirtualHost

1-7、記得連到 wordpress 更改網站位址!

e.g.

  • 連到: http://localhost/spa
  • 在 WordPress 設定裡面,更改
    1. WordPress 位址(URL): http://hipay0.com
    2. 網站位址(URL): http://hipay0.com

2、httpd.conf 設定

2-1、在視窗右下角綠色圖案點滑鼠右鍵,然後進入【 Apache 】–>【 httpd.conf 】

05_ httpd conf setting
httpd.conf 設定

2-2、在 httpd.conf 檔案中,line 238:

  • ServerName localhost: 80

改成

  • ServerName hipay0.com: 80
05_ httpd conf setting-1
改 port number

2-3、在 httpd.conf 檔案中,line 245:

AllowOverride none
Require all denied

改成

AllowOverride none
require all granted

05_ httpd conf setting-2
require all granted

2-4、在 httpd.conf 檔案中,line 290:

Require local

改成

Require all granted

05_ httpd conf setting-3
Require all granted

3、httpd-vhosts.conf 設定

3-1、在視窗右下角綠色圖案點滑鼠右鍵,然後進入【 Apache 】–>【 httpd-vhosts.conf 】

06_ httpd-vhosts-conf
httpd-vhosts.conf 設定

3-2、在 httpd-vhosts.conf 檔案中,新增 line 16 ~ line 36:

ServerName localhost
ServerAlias localhost
DocumentRoot ” $ { INSTALL_DIR } / www “
<Directory ” $ { INSTALL_DIR } / www / “>
Options + Indexes + Includes + FollowSymLinks + MultiViews
AllowOverride All
Require local

改成

ServerName hipay0.com
DocumentRoot ” c:/wamp64/www/spa “
<Directory ” c:/wamp64/www/spa/ “>
Options + Indexes + Includes + FollowSymLinks + MultiViews
AllowOverride All
require all granted

06_ httpd-vhosts-conf_1

4、結果測試 VirtualHost

  1. 停用 Windows 10 防火牆 ( 或是允許 Apacche 通過防火牆 ),然後重新開機。 
  2. 在 Google Chrome 瀏覽器 或Microsoft IE 瀏覽器中,輸入你的網站網址,假使能夠連線成功,就代表設定正確。( e.g. http://hipay0.com/ )
  3. 接下來就是申請 SSL 憑證 了!

架網站懶人包

分享/Share On:

TwitterFacebook
分享給LINE好友 !