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,即可看到


沒有留言:

張貼留言

laravel 資料庫資料填充工廠入門

相關系列文章: 1. 在 windows 10 安裝 laravel 12 studentManagement環境與設定 2. laravel 12 route 路由 3. laravel 12 Blade Templates 網頁模版 4. laravel 12 Control...