如何設置本地Web 服務器(Windows、Mac、Linux)


在開發網站時,網頁設計師需要能夠以與最終用戶相同的方式查看他的網頁。有時只需在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 安裝成功。

Web 服務器Ubuntu 安裝Apache

為了更好地了解Apache 如何為這個特定網頁提供服務,讓我們對其進行編輯。為此,請導航到Linux 本地計算機的根Web 目錄。

cd /var/www/html

使用您喜歡的文本編輯器以root 身份打開“index.html”。

搜索“它有效!” 並將文本更改為隨機的內容,例如“讓技術更簡單!” (實際上可以是任何東西。)確保保存文件。

現在刷新127.0.0.1 上的網頁。您應該看到“讓技術更簡單!” 在哪裡“它有效!” 以前是。

Web 服務器Ubuntu 編輯默認值

現在您已經設置了一個簡單的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 中,轉到“應用程序-> 實用程序”,然後雙擊終端將其打開。

Macos 打開終端應用程序

要打開您已經預裝的Apache Web 服務器,請運行以下命令:

sudo apachectl start

要測試我們的Web 服務器是否正在運行,請在Web 瀏覽器中導航到“127.0.0.1”或“localhost”。

Macos Web 服務器它的工作原理

我們可以通過簡單地導航到文檔根目錄來更改網頁的內容,就像我們在Linux 中所做的那樣。唯一不同的是路徑位置。

cd /Library/WebServer/Documents/

現在使用您喜歡的文本編輯器編輯“index.html.en”文件。更改“它有效!” 到“你好世界!”

sudo nano index.html.en
mac-nano-open-index-html

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

Macos Web 服務器Hello World

要在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。

Windows Xampp 安裝程序

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

Windows Xampp 配置面板

如果需要,單擊Apache 和MySQL 的“開始”。

如果您在Web 瀏覽器中導航到“127.0.0.1”或“localhost”,您應該會看到XAMPP 配置頁面。

Windows Xampp 網頁配置 1

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

Windows 記事本你好

將其保存在位於“c:xampphtdocs”的文檔根目錄中。

使用您的網絡瀏覽器導航到它 127.0.0.1/hello.html. 您將能夠看到您創建的網頁。

Windows Xampp 網頁你好

筆記: WampServer 是 在Windows 上安裝Apache 的另一個可靠選擇.

結論

Apache 是構建簡單和復雜網站的絕佳解決方案,但它不是唯一的選擇。雖然Apache 在所有三個平台上都可以很好地集成,但您可能需要查看 IIS 作為Windows 的一個選項,因為它支持Apache 不支持的許多Windows 身份驗證功能。但是,對於簡單地測試網站的基本功能,Apache 是完美的。

訂閱我們的新聞!

我們的最新教程直接發送到您的收件箱

註冊所有時事通訊。註冊即表示您同意我們的隱私政策並且歐洲用戶同意數據傳輸政策。我們不會共享您的數據,您可以隨時取消訂閱。訂閱