標籤

bat (52) 作品 (38) python (21) shell (17) windows (11) 虛擬機 (11) php (10) CPP (6) KMS (6) 程式設計 (6) docker (5) 使用教學 (5) xoops (4) 公文 (4) Apache2 (3) Excel (3) juniper (3) 資料庫 (3) mysql (2) 免動手 (2) 資料結構 (2) 軟體廣播 (2) 電腦維修 (2) Android Studio (1) Apple IPAD管理 (1) Arduino (1) CSS (1) LAMP (1) NAS (1) Ubuntu (1) VHD (1) Windows Server (1) 原因 (1) 程式應用 (1) 程式積木 (1) 編輯器 (1) 雲端硬碟 (1)

2022年7月18日 星期一

如何在離線狀態下,利用Windows電腦測試HOST內VM的Aapache2 多個網站(多網域)設定

        最近要在Ubuntu的Apache 架Django網站,希望能夠在Windows主機內的虛擬機上測試。其架構圖如下:
        那我要如何如何在離線狀態下,利用Windows電腦測試HOST內VM的Aapache2 多個網站(多網域)設定?
在連接網路的情況下,需完成下列事項:
        一、VMware安裝虛擬機Ubuntu20.04
        二、在Ubuntu 20.04安裝 Apache2
接下來,請拔除Windows 主機的網路線
        三、設定Windows 電腦的hosts
        四、開啟瀏覽器進行測試

        在連接網路的情況下,需完成下列事項:
        一、VMware安裝虛擬機Ubuntu20.04

        二、在Ubuntu 20.04安裝 Apache2
                00.確認IP
                $ip a
                此時IP為192.168.181.144

                01.更新與安裝Apache2
                $sudo apt update && sudo apt install apache2

                02.測試Apache2是否安裝成功
                $sudo service apache2 status

                03.在 /var/www/ 建立兩個網域資料夾 test01.com.tw 與 test02.com.tw
                $sudo mkdir -p /var/www/test01.com.tw/
                $sudo mkdir -p /var/www/test02.com.tw/

                04.分別在兩個網域資料夾 test01.com.tw 與 test02.com.tw下建立資料夾html
                $sudo mkdir -p /var/www/test01.com.tw/html
                $sudo mkdir -p /var/www/test02.com.tw/html

                05.修改  /var/www 及其內容權限
                $sudo chmod -R 755 /var/www 

                06.分別在資料夾html 建立index.html
                $sudo nano /var/www/test01.com.tw/html/index.html
                其內容為
                <html>
                   <head>
                     <title>test01.com.tw</title>
                   </head>
                   <body>
                      <h1>test01.com.tw</h2>
                   </body>
                </html>

                $sudo nano /var/www/test02.com.tw/html/index.html
                其內容為
                <html>
                   <head>
                     <title>test02.com.tw</title>
                   </head>
                   <body>
                      <h1>test02.com.tw</h2>
                   </body>
                </html>

                07.在/etc/apache2/sites-available中建立虛擬主機文件(Virtual Host Files)
                $sudo nano /etc/apache2/sites-available/test01.com.tw.conf
                其內容為
                <VirtualHost *:80>
                    ServerAdmin webadmin@test01.com.tw
                    ServerName test01.com.tw
                    ServerAlias www.test01.com.tw
                    DocumentRoot /var/www/test01.com.tw/html
                    ErrorLog ${APACHE_LOG_DIR}/error.log
                    CustomLog ${APACHE_LOG_DIR}/access.log combined
                </VirtualHost>

                $sudo nano /etc/apache2/sites-available/test02.com.tw.conf
                其內容為
                <VirtualHost *:80>
                    ServerAdmin webadmin@test02.com.tw
                    ServerName test02.com.tw
                    ServerAlias www.test02.com.tw
                    DocumentRoot /var/www/test02.com.tw/html
                    ErrorLog ${APACHE_LOG_DIR}/error.log
                    CustomLog ${APACHE_LOG_DIR}/access.log combined
                </VirtualHost>

                08.啟用新的虛擬主機文件(Virtual Host Files)
                $sudo a2ensite test01.com.tw
                $sudo a2ensite test02.com.tw

                09.檢查設定語法是否有問題
                $apachectl configtest

                10.重啟Apache2
                $sudo systemctl reload apache2

接下來,請拔除Windows 主機的網路線
三、設定Windows 電腦的hosts
        在 C:\WINDOWS\system32\drivers\etc 內,有個hosts。
        請將
        192.168.181.144 test01.com.tw
        192.168.181.144 test02.com.tw
        加入 hosts,如下圖:

四、開啟瀏覽器進行測試
        分別在瀏覽器網址輸入 test01.com.tw 與 test02.com.tw,即可看到


沒有留言:

張貼留言

只要點兩下,傳統右鍵選單改回Win11右鍵選單

系列文章: 1. 只要點兩下,就能將Win11 右鍵選單 回復 傳統右鍵選單 2. 只要點兩下,傳統右鍵選單改回Win11右鍵選單 上一篇提到只要點兩下,就能將Win11選單回到傳統選單。但是有沒有方法能夠回到Win11選單呢?                    ...