ASUSTOR - Website Management

Date:

Topic_id:

Subject:

Description:

content:

<h4>課程目的</h4>
完成此課程您將能夠：
<ol>
<li>在 ASUSTOR NAS 上使用虛擬主機佈署網站。</li>
<li>在 ASUSTOR NAS 上啟用 DDNS 服務。</li>
</ol>
 
<h4>必修項目</h4>
課程必修項目：
無
學生須先具備以下知識：
網站佈署
 
<h4>大綱</h4>
<a href="#vh1">1. 取得唯一的主機名稱</a>
<a href="#vh11">1.1 假設你擁有靜態 IP 位址</a>
<a href="#vh12">1.2 假設你擁有動態 IP 位址</a>
<a href="#vh2">2. 透過虛擬主機功能佈署網站</a>
<a href="#vh21">2.1 啟用網站伺服器</a>
<a href="#vh22">2.2 啟用 DDNS 服務</a>
<a href="#vh23">2.3 新增虛擬主機 (網站)</a>
 <hr /> 
<h4><a name="vh1"></a>1. 取得唯一的主機名稱</h4>
透過虛擬主機你可以在 ASUSTOR NAS 上佈署多個網站。在設定虛擬主機之前你必須先為你的 ASUSTOR NAS 取得一個唯一的主機名稱，你可以使用已擁有的主機名稱或是透過 DDNS 服務來取得。
 
<a name="vh11"></a>1.1 假設你擁有靜態 IP 位址
假設你已擁有靜態 IP 位址，你很有可能想擁有自己註冊的主機名稱，你可以向提供註冊主機名稱的公司提出申請，你僅需提供你的 IP 位址給它們，它們及會幫助你取得主機名稱。
 
<a name="vh12"></a>1.2 假設你擁有動態 IP 位址
假設你擁有的是動態 IP 位址，你可能需要為註冊一個 DDNS 服務來為 ASUSTOR NAS 取得一唯一的主機名稱。目前市面上有不少提供免費 DDNS 的服務商。在向這些服務商申請後，你將可以得到一組與你的動態 IP 位址相對應的主機名稱。而所申請 DDNS 服務的服務商也將會持續的更新該主機名稱，以確保 IP 位址所對應的主機名稱是正確的。
 啟用 EZ-Connect 服務後，ADM 可以啟用 Your_Cloud_ID.myasustor.com 的 DDNS 服務，您也可以申請其他 DDNS 服務，並透過此網域名稱來連線 NAS。
 
<img src="https://www.asustor.com/images/tinymce/upload_img_20220421153151_ADM_settings_manual_connect_DDNS_list.png" alt="" width="800" height="478" title="" align="" />
 
<img src="https://www.asustor.com/images/tinymce/upload_img_20220421153604_noip_web.jpg" alt="" width="880" height="400" title="" align="" />
 
<h4><a name="vh2"></a>2. 透過虛擬主機功能佈署網站</h4>
ASUSTOR NAS 支援虛擬主機功能，可用來在 NAS 佈署多個網站。在以下的例子中，我們將會示範如何透過虛擬主機功能來佈署一個網站。
 
<a name="vh21"></a>2.1 啟用網站伺服器
 
ADM 5.1.2：
<ul>
<li>開啟 [Web Center] [網站伺服器]。</li>
<li>點擊 <img src="https://www.asustor.com/images/tinymce/upload_img_20260210152252_web_server_settings_icon.png" width="30" height="30" alt="" />。</li>
<li>選擇所需的網站伺服器套件及 PHP 套件。</li>
<li>點選 [啟用網站伺服器通訊埠] 及 [啟用加密網站伺服器通訊埠]。</li>
<li>點選 [同時開啟輕鬆連線之通訊埠轉發]，點擊 [確定]。</li>
</ul>
<img src="https://www.asustor.com/images/tinymce/upload_img_20260210152337_Web_Center_web_server_new.png" alt="" width="800" height="480" />
<img src="https://www.asustor.com/images/tinymce/upload_img_20260210152420_Web_Center_web_server_new_setting.png" alt="" width="800" height="480" />
 
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="heading1">
<h4 class="panel-title"><a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse1" aria-expanded="true" aria-controls="collapse1"> ADM 4.0 ~ ADM 5.1.1：</a></h4>
</div>
<div id="collapse1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading1">
<div class="panel-body">
<ul>
<li>開啟 [Web Center] [網站伺服器]。</li>
<li>選擇所需的網站伺服器套件及 PHP 套件。</li>
<li>點選 [啟用網站伺服器通訊埠] 及 [啟用加密網站伺服器通訊埠]。</li>
<li>點選 [同時開啟輕鬆連線之通訊埠轉發]，點擊 [套用]。</li>
</ul>
<img src="https://www.asustor.com/images/tinymce/upload_img_20220421153648_Web_Center_enable_web_server.png" alt="" width="800" height="491" />
</div>
</div>
</div>
</div>
 
<ul>
<li>為了確認設定是否套用成功，請在網頁瀏覽器上輸入 NAS 的 IP 位址，你將能夠看到一個類似下圖設定成功的畫面。</li>
</ul>
<img src="https://www.asustor.com/images/tinymce/upload_img_20220421153704_ADM_Default_80_port.png" alt="" width="750" height="447" title="" align="" />
 
<ul>
<li>你可以將該畫面視為一個網站，該網頁的內容存放在 ASUSTOR NAS 中的共用資料夾 [Web] 下，之後你可以將所要佈署網站的內容置於該共用資料夾下，或在此共用資料夾下另外建立子資料夾來佈署其他網站。</li>
</ul>
 
<a name="vh22"></a>2.2 啟用 DDNS 服務
如果你已訂閱 DDNS 服務，你也可以讓你的 NAS 使用另一個主機名稱。在以下的例子中，我們將示範如何在 NAS 上啟用 DDNS 服務。
 
<ul>
<li>在 ADM 畫面上選擇 [偏好設定] [手動連線] [DDNS]。</li>
<li>點選 [啟用 DDNS 服務]。</li>
<li>從下拉式選單中選擇你的 DDNS 服務供應商。若你已啟用輕鬆連線後，可以選擇使用 myasustor.com 此 DDNS 服務。</li>
<li>如果你尚未申請 DDNS 服務，你可以選擇任一服務供應商然後點擊 [立即申請] 來申請服務。</li>
<li>在填入所需資訊後，點擊 [套用]。</li>
<li>NAS 中的 DDNS 服務就會被成功的啟用。</li>
</ul>
<img src="https://www.asustor.com/images/tinymce/upload_img_20221207175154_ADM_settings_manual_connect_DDNS.png" alt="" width="880" height="554" />
 
啟用 DDNS 服務後，可以透過下列方式連接你的 NAS。
<ul>
<li>開啟瀏覽器，直接於瀏覽器中輸入：https://YOUR_DDNS:ADM HTTPS port/，即可透過 DDNS 連接 NAS。</li>
</ul>
<img src="https://www.asustor.com/images/tinymce/upload_img_20220418161428_browser_login.png" width="900" height="481" alt="" />
 
<ul>
<li>使用 Android 或 iOS 裝置，安裝 ASUSTOR AiMaster 或其他 ASUSTOR Apps，輸入 DDNS 及 ADM HTTPS 通訊埠，即可登入使用。</li>
</ul>
<img src="https://www.asustor.com/images/tinymce/upload_img_20220418161501_AiMaster_login.png" alt="" width="360" height="760" />
 
<a name="vh23"></a>2.3 新增虛擬主機 (網站)
您可以透過此功能在本機 NAS 上同時架設多個網站。
 
<ul>
<li>開啟 [Web Center]。</li>
<li>選擇 [虛擬主機] 並點擊 [新增]。</li>
</ul>
<img src="https://www.asustor.com/images/tinymce/upload_img_20220421153739_Web_Center_virtual_host_page.png" alt="" width="800" height="491" />
 
<ul>
<li>在 "虛擬主機" 畫面出現後，填入所需資訊後，點擊 [確定]。
<ul>
<li>主機名稱：設定 ADM 主機的 DDNS 的名稱。(例如: CloudID.myasustor.com)</li>
<li>協定：HTTPS 或 HTTP。若使用有效憑証的 DDNS 主機，請選擇 HTTPS。</li>
<li>憑證：使用 HTTPS 協定時，請選擇主機名稱適用的有效憑証。(ADM 4.2 及以上版本支援)</li>
<li>通訊埠：預設為 80 或 443，或選擇其他仍未被佔用的通訊埠。</li>
<li>資料夾：請選擇 ADM 系統裡自己建置的網頁資料夾或其他 ADM 的共用資料夾。 註：於 ADM 安裝的網站伺服器 App 不需設定虛擬主機，即可透過 ADM Web Center 同時開啟不同的網頁服務。(例如：WordPress、PhpMyadmin 等)</li>
<li>狀態：預設啟用，可修改狀態為停用。</li>
</ul>
</li>
</ul>
<img src="https://www.asustor.com/images/tinymce/upload_img_20221214172337_Web_Center_add_virtual_host.png" alt="" width="800" height="480" />
 
<ul>
<li>若 ADM 上有其他 IP 可設定不同的 DDNS，則可設定另一個不同 DDNS 的虛擬主機。</li>
<li>使用相同 DDNS 名稱的虛擬主機，需設定不同的通訊埠。</li>
</ul>
<img src="https://www.asustor.com/images/tinymce/upload_img_20221207180044_Web_Center_add_multiple_virtual_host.png" alt="" width="800" height="480" />
 
<ul>
<li>啟用虛擬主機後，開啟瀏覽器，直接於瀏覽器中輸入：https://[YOUR_DDNS]:[port]/，即可連線開啟此網頁。</li>
</ul>
<img src="https://www.asustor.com/images/tinymce/upload_img_20221207180111_virtualhost_phpinfo.png" alt="" width="880" height="509" />
 
<img src="https://www.asustor.com/images/tinymce/upload_img_20221207180132_virtualhost_shared_folder.png" alt="" width="800" height="437" />

Publish: