在開發網站時,網頁設計師需要能夠以與最終用戶相同的方式查看他的網頁。有時只需在Web 瀏覽器中單擊並查看HTML 文件就足夠了,但如果您想測試動態內容,則需要設置本地Web 服務器。這樣做非常簡單,可以在Windows、macOS 和Linux 上輕鬆完成。有許多類型的Web 服務器可用,但我們在本教程中使用Apache,因為它是最常見的服務器,非常易於設置,並且與所有主要操作系統兼容。
在Linux 上設置本地Web 服務器
Apache 是為類Unix 操作系統設計的。 Linux 屬於這一類,Apache 網絡服務器的安裝和配置可以一步完成。
這裡我們處理命令行。大多數流行的發行版允許您安裝Apache,而無需使用一個簡單的命令從源代碼編譯它。
對於Debian、Ubuntu 和基於Ubuntu 的發行版:
sudo apt install apache2
對於紅帽和CentOS
sudo dnf install httpd
安裝後,在Web 瀏覽器中導航到“127.0.0.1”或“localhost”。如果它顯示“它有效!” 這意味著您的Apache 安裝成功。

為了更好地了解Apache 如何為這個特定網頁提供服務,讓我們對其進行編輯。為此,請導航到Linux 本地計算機的根Web 目錄。
cd /var/www/html
使用您喜歡的文本編輯器以root 身份打開“index.html”。
搜索“它有效!” 並將文本更改為隨機的內容,例如“讓技術更簡單!” (實際上可以是任何東西。)確保保存文件。
現在刷新127.0.0.1 上的網頁。您應該看到“讓技術更簡單!” 在哪裡“它有效!” 以前是。

現在您已經設置了一個簡單的Web 服務器,您可以使用“apache2.conf”中的配置設置。
sudo nano /etc/apache2/apache2.conf
筆記:請注意,每次進行配置更改時,都需要重新啟動Apache 才能應用。
sudo systemctl restart apache2
如果這不起作用,您可以通過直接執行新貴文件來重新啟動它。
sudo /etc/init.d/apache2 restart
在macOS 上設置本地Web 服務器
macOS 的好處是它默認安裝了Apache。您需要做的就是打開它。
在Finder 中,轉到“應用程序-> 實用程序”,然後雙擊終端將其打開。

要打開您已經預裝的Apache Web 服務器,請運行以下命令:
sudo apachectl start
要測試我們的Web 服務器是否正在運行,請在Web 瀏覽器中導航到“127.0.0.1”或“localhost”。

我們可以通過簡單地導航到文檔根目錄來更改網頁的內容,就像我們在Linux 中所做的那樣。唯一不同的是路徑位置。
cd /Library/WebServer/Documents/
現在使用您喜歡的文本編輯器編輯“index.html.en”文件。更改“它有效!” 到“你好世界!”
sudo nano index.html.en

如果我們刷新託管在127.0.0.1 上的網頁,我們現在可以看到所反映的更改。

要在macOS 下進一步配置Apache Web 服務器,請導航到“httpd.conf”文件。
sudo nano /etc/apache2/httpd.conf
與Linux 一樣,您可以使用以下命令輕鬆重啟Apache 服務 apachectl
具有root權限的命令。
sudo apachectl restart
在Windows 上設置本地Web 服務器
與Linux 和macOS 不同,Windows 不是基於Unix 的,因此沒有單一的安裝方式。幸運的是,有幾個安裝嚮導將Apache、MySQL 和PHP 等東西捆綁在一起,讓我們的生活更輕鬆。其中之一是XAMPP。
筆記:XAMPP 也可用於Linux 和Mac OS X。
下載Windows 版本的 XAMPP 並開始安裝。出現提示時執行安裝程序。如果您只需要一個Web 服務器,則可以只選擇Apache。但是,如果您計劃使用數據庫,則可能還需要選擇MySQL。

繼續安裝,完成後單擊“完成”。默認情況下,將啟動XAMPP 控制面板。

如果需要,單擊Apache 和MySQL 的“開始”。
如果您在Web 瀏覽器中導航到“127.0.0.1”或“localhost”,您應該會看到XAMPP 配置頁面。

要創建一個新網頁,過程是相同的。打開記事本並創建一個示例HTML 文件。將其命名為“hello.html”。

將其保存在位於“c:xampphtdocs”的文檔根目錄中。
使用您的網絡瀏覽器導航到它 127.0.0.1/hello.html. 您將能夠看到您創建的網頁。

筆記: WampServer 是 在Windows 上安裝Apache 的另一個可靠選擇.
結論
Apache 是構建簡單和復雜網站的絕佳解決方案,但它不是唯一的選擇。雖然Apache 在所有三個平台上都可以很好地集成,但您可能需要查看 IIS 作為Windows 的一個選項,因為它支持Apache 不支持的許多Windows 身份驗證功能。但是,對於簡單地測試網站的基本功能,Apache 是完美的。
訂閱我們的新聞!
我們的最新教程直接發送到您的收件箱
註冊所有時事通訊。註冊即表示您同意我們的隱私政策並且歐洲用戶同意數據傳輸政策。我們不會共享您的數據,您可以隨時取消訂閱。訂閱