如何在Ubuntu的LAMP伺服器上部署HTML5網站？

---

介紹

HTML5是超文字標記語言的第五個也是最新版本，它是建立網頁和應用程式的標準語言。與之前的版本不同，HTML5提供了一種更高效的網站編碼方式，使開發人員更容易建立豐富且互動式的內容。使用HTML5，開發人員可以使用video和audio等新標籤在網頁上包含多媒體元素，而無需依賴第三方外掛。

canvas標籤允許開發人員使用JavaScript直接在網頁上建立動畫和圖形。此外，HTML5透過引入響應式設計技術來更好地支援移動裝置，這些技術可以最佳化網站在不同螢幕尺寸下的佈局。

在Ubuntu中設定LAMP伺服器

安裝Apache Web伺服器

首先，執行以下命令更新軟體包列表：

sudo apt update    

接下來，執行以下命令安裝Apache：

sudo apt install apache2    

安裝MySQL資料庫伺服器

首先，執行以下命令更新軟體包列表：sudo apt update

接下來，執行以下命令安裝MySQL：

sudo apt install mysql-server    

安裝過程中，系統將提示您設定MySQL的root密碼。安裝後，使用以下命令登入資料庫，驗證MySQL是否正常執行：

sudo mysql -u root -p    

這將提示您輸入在安裝過程中設定的root密碼。

安裝PHP指令碼語言

要在Ubuntu上安裝PHP，請執行：

sudo apt-get install php libapache2-mod-php php-mysql    

安裝PHP後，使用以下命令重新啟動Apache以確保所有更改生效：

sudo systemctl restart apache2    

準備HTML5網站以進行部署

在伺服器上為網站檔案建立目錄

您可以使用命令列或FileZilla等FTP客戶端建立目錄。要使用命令列建立目錄，請登入您的伺服器並導航到/var/www/html/。

在那裡，使用以下命令：

mkdir mywebsite    

這將在/var/www/html/中建立一個名為“mywebsite”的新目錄。您可以將其替換為您選擇的任何名稱。

使用FTP或SCP將網站檔案上傳到伺服器

FTP通常使用，因為它簡單易用。要使用FTP上傳網站檔案，您需要一個FTP客戶端，例如FileZilla。

要將FileZilla與您的LAMP伺服器連線，請在“主機”欄位中輸入伺服器的IP地址，並指定埠22。然後輸入您的使用者名稱和密碼憑據，然後單擊“快速連線”。

連線後，瀏覽目錄，直到到達伺服器上的/var/www/html/mywebsite/位置。完成此操作後，從本地計算機選擇所有必要的網站資料夾，並將它們拖放到遠端伺服器的“/var/www/html/mywebsite/”資料夾中。

如果您更喜歡SCP而不是FTP協議，請在開啟的終端中輸入：

scp -r /path/to/local/folder username@server:/path/to/server/folder    

“-r”標誌允許複製整個目錄。將“/path/to/local/folder”和“/path/to/server/folder”分別替換為本地和遠端目錄位置。

配置Apache以託管HTML5網站

建立虛擬主機配置檔案

要建立虛擬主機，請在終端中執行以下命令，導航到Apache的“sites-available”目錄：

cd /etc/apache2/sites-available/     

執行以下命令建立新的虛擬主機配置檔案：

sudo nano my-website.com.conf     

將“my-website.com”替換為您首選的域名或網站名稱。

修改虛擬主機配置檔案以包含網站檔案和目錄

建立虛擬主機配置檔案後，修改它並新增有關您網站的具體詳細資訊。首先，在檔案開頭新增以下程式碼：

ServerAdmin webmaster@my-website.com ServerName my-website.com 
DocumentRoot /var/www/html/my-website.com/public_html  

此程式碼告訴Apache您正在建立一個新的虛擬主機，它監聽埠80（預設HTTP埠），使用“my-website.com”作為其名稱，並將“/var/www/html/my-website.com/public_html”設定為其文件根目錄。

新增此程式碼後，儲存並關閉檔案。接下來，使用以下命令為網站內容建立目錄：

sudo mkdir -p /var/www/html/my-website.com/public_html      

建立後，使用SCP或FTP將所有必要的HTML5檔案上傳到此目錄。

重新啟動Apache Web伺服器

修改並儲存虛擬主機配置檔案後，執行以下命令重新啟動Apache Web伺服器以使更改生效：

sudo systemctl restart apache2      

此命令重新載入Web伺服器並應用新的虛擬主機設定。

現在Apache已配置為託管您的網站，是時候在第五部分為您的網站設定MySQL資料庫了。

配置網站的MySQL資料庫

建立新的資料庫和使用者帳戶

登入後，點選頁面頂部的“資料庫”選項卡。在這裡，您可以透過在“建立資料庫”欄位中輸入其名稱並從下拉選單中選擇所需的字元集來建立一個新的資料庫。

建立新資料庫後，務必建立一個具有適當許可權以訪問和修改它的新使用者帳戶。為此，請點選頁面頂部的“使用者”選項卡，然後點選“新增使用者”。

輸入您想要的使用者名稱和密碼，選擇“localhost”作為主機，然後透過選擇特定的複選框或選擇“所有許可權”來為您的新使用者分配許可權。點選“確定”儲存更改。

將SQL資料從本地計算機匯入到遠端MySQL資料庫

現在您已經在MySQL中建立了新的資料庫和使用者帳戶，是時候將任何必要的從本地計算機匯入到遠端伺服器了。這可以使用各種方法完成，例如mysqldump之類的命令列工具或phpMyAdmin之類的圖形工具。

首先，透過點選左側邊欄中的名稱，在phpMyAdmin中選擇您新建立的資料庫。

然後，點選頁面頂部的“匯入”選項卡。接下來，點選“選擇檔案”並選擇您之前從本地計算機匯出的SQL轉儲檔案。

在“格式”部分，確保選擇“SQL”作為格式型別。點選“確定”開始將您的資料匯入到遠端MySQL資料庫。

測試網站部署

在成功地將您的HTML5網站部署到Ubuntu的LAMP伺服器上之後，必須測試是否可以使用IP地址或域名透過瀏覽器訪問該網站。有幾種方法可以訪問您的網站，包括使用分配給伺服器的IP地址或與DNS伺服器註冊的域名。要透過IP地址訪問您的網站，請開啟Web瀏覽器並輸入“http://”，將“”替換為伺服器的實際IP。

輸入此URL後，如果所有內容都配置正確，瀏覽器將嘗試連線到您的伺服器並顯示您的網站主頁。如果您為Apache設定了自定義埠，則也必須將其包含在URL中。

透過域名訪問網站

與透過IP地址訪問網站相比，透過域名訪問網站需要一些額外的配置步驟。首先，您需要向註冊機構註冊一個域名，並使用DNS記錄將其指向LAMP伺服器的IP地址。完成此步驟後，使用者可以透過在瀏覽器中輸入其域名而不是IP地址來訪問您的網站。

但是，在使用者第一次使用其域名訪問您的網站之前，他們可能需要清除其DNS快取，因為此資訊可能已被其瀏覽器或ISP提供商先前儲存。

結論

在Ubuntu的LAMP伺服器上部署HTML5網站是建立您業務或組織線上存在的重要一步。在本文中，我們概述了在Ubuntu的LAMP伺服器上部署HTML5網站所需採取的必要步驟。我們討論了LAMP伺服器的設定，準備網站檔案進行部署，配置Apache和MySQL資料庫伺服器以進行託管和測試網站部署。