如何在 Windows、macOS 和 Linux 上設定本機 Web 伺服器(Local Web Server)

如何在 Windows、macOS 和 Linux 上設定本機 Web 伺服器(Local Web Server)

在開發自己的網站時,您需要有能力從普通訪客的角度觀察和評估網站的外觀。

有時,只需在 Web 瀏覽器中按一下並查看 HTML 檔案就足夠了。但如果您想測試動態內容,則需要設定本機 Web 伺服器。

這非常簡單,無論您使用的是 Windows、macOS 還是 Linux PC,您都可以輕鬆地自己完成。可用的 Web 伺服器有很多種類型,但在本文中,我們將使用 Apache,因為它是最受歡迎的伺服器,非常容易設置,並且與所有流行的電腦作業系統具有良好的兼容性。

在 Linux 上設定本機 Web 伺服器

Apache 是為類別 Unix 作業系統而設計的。 Linux 屬於此類,安裝和設定 Apache Web 伺服器可以非常簡單。

該工作將涉及命令列處理。當今最受歡迎的 Linux 發行版允許您安裝 Apache,而無需使用一個簡單的命令從原始碼編譯它。

對於 Debian、Ubuntu 和基於 Ubuntu 的發行版:

須藤安裝阿帕契2

對於紅帽和 CentOS:

須藤 dnf 安裝 httpd

安裝完成後,開啟 Web 瀏覽器並導覽至「127.0.0.1」或「localhost」。如果畫面顯示“ It Works! ”,那麼您的 Apache 安裝成功。

如何在 Windows、macOS 和 Linux 上設定本機 Web 伺服器(Local Web Server)

為了更好地了解 Apache 如何處理這個特定站點,讓我們對其進行編輯。首先,導覽至本機 Linux 電腦的 Web 根目錄。

cd /var/www/html

使用系統上的文字編輯器開啟“ index.html ”作為根目錄。

搜尋短語“ It Works!”並將其更改為一些隨機文本,例如“ Make Tech Easier! ”,然後保存文件。

現在,刷新地址127.0.0.1上的網站。您將看到一個螢幕,顯示短語“ Make Tech Easier! ”而不是“ It Works!” ” 以前。

現在,您已經成功設定了一個簡單的 Web 伺服器。一些配置設定的自訂可以在「 apache2.conf 」中完成。

須藤納米 /etc/apache2/apache2.conf

注意:每次進行設定編輯時,您都需要重新啟動 Apache 才能套用任何變更。

sudo systemctl apache2 重新啟動

如果這不起作用,您可以透過直接執行啟動檔案來重新啟動。

sudo /etc/init.d/apache2 restart

在 macOS 上設定本機 Web 伺服器

好消息是 Apache 現在預設安裝在 macOS 上。因此,您所需要做的就是將其打開。

在 Finder 中,導航至“應用程式 -> 實用程式”,然後雙擊“終端”

若要啟用預先安裝的 Apache Web 伺服器,請執行下列命令:

須藤 apachectl 啟動

若要檢查 Web 伺服器是否正在執行,請開啟瀏覽器並導航至「127.0.0.1」或「localhost」。

如何在 Windows、macOS 和 Linux 上設定本機 Web 伺服器(Local Web Server)

當然,您也可以透過簡單地導航到根目錄來更改網站的內容,就像在 Linux 中一樣。唯一不同的是路徑位置。

cd /庫/WebServer/文檔/

現在,使用本機文字編輯器編輯“index.html.en”文件。將“它有效! ” 更改為“ Hello World! ”。

sudo nano index.html.en如何在 Windows、macOS 和 Linux 上設定本機 Web 伺服器(Local Web Server)

請刷新網站127.0.0.1。您將看到螢幕顯示短語“ Hello World! ”而不是“ It Works!”「 像之前一樣。

如何在 Windows、macOS 和 Linux 上設定本機 Web 伺服器(Local Web Server)

若要在 macOS 中進一步設定 Apache Web 伺服器,請導覽至「httpd.conf」檔案。

須藤納米 /etc/apache2/httpd.conf

與 Linux 一樣,您可以使用 root 權限使用 apachectl 指令輕鬆重新啟動 Apache 服務。

須藤 apachectl 重新啟動

在 Windows 上設定本機 Web 伺服器

與 Linux 和 macOS 不同,Windows 並非基於 Unix,因此安裝本機 Web 伺服器會有些不同。

幸運的是,有許多安裝程式將 Apache、MySQL 和 PHP 等捆綁在一起,讓工作變得更容易。 XAMPP 就是其中之一。

:XAMPP 也適用於 Linux 和 Mac OS X)。

下載Windows 版本的 XAMPP並開始安裝。出現提示時執行安裝程式。如果您只需要一個 Web 伺服器,您可以選擇 Apache。但是,如果您打算使用資料庫,也可以選擇 MySQL。

如何在 Windows、macOS 和 Linux 上設定本機 Web 伺服器(Local Web Server)

繼續安裝並在到達最後一步時點擊“完成”。預設情況下,將啟動 XAMPP 控制面板。

如何在 Windows、macOS 和 Linux 上設定本機 Web 伺服器(Local Web Server)

如有必要,請按一下 Apache 和 MySQL 的「開始」。

如果您在 Web 瀏覽器中導航至“ 127.0.0.1 ”或“ localhost ”,您將看到 XAMPP 設定頁面。

如何在 Windows、macOS 和 Linux 上設定本機 Web 伺服器(Local Web Server)

要建立一個新網站,過程與上述相同。開啟記事本並建立一個範例 HTML 檔案。將其命名為“ hello.html ”。

如何在 Windows、macOS 和 Linux 上設定本機 Web 伺服器(Local Web Server)

將檔案儲存到位於「c:\xampp\htdocs\」的文檔根資料夾中。

透過開啟 Web 瀏覽器並存取127.0.0.1/hello.html導航到它。您將能夠查看您創建的網站。

如何在 Windows、macOS 和 Linux 上設定本機 Web 伺服器(Local Web Server)


判斷 Mac 是否感染病毒的 5 種方法

判斷 Mac 是否感染病毒的 5 種方法

您的 Mac 表現有點奇怪嗎?無論您看到無法解釋的廣告還是您的系統異常緩慢,您都可以假設問題出在惡意軟體上。在這種情況下你可能是對的。

在 Windows、Mac、iOS 和 Android 上更改 DNS 伺服器的說明

在 Windows、Mac、iOS 和 Android 上更改 DNS 伺服器的說明

預設情況下,您的電腦會自動取得 Internet 服務提供者 (ISP) 的 DNS 資訊。有時,DNS 伺服器不穩定,您會被阻止訪問某些網站。或者預設的 DNS 伺服器由於某種原因阻止了某些網站。在這種情況下,您應該將 DNS 伺服器變更為免費的公共 DNS 伺服器。

如何從 iCloud 下載照片

如何從 iCloud 下載照片

使用 iCloud 照片,您可以從任何裝置查看整個照片庫。但如果您想編輯或執行其他操作,則需要從 iCloud 下載照片。有幾種方法可以將照片從 iCloud 下載到 iPhone、Mac 甚至 Windows 電腦等裝置。

在 Windows 上使用 OS X 的快速檢視功能

在 Windows 上使用 OS X 的快速檢視功能

Quick Look 是使用 OS X 作業系統時的實用功能之一,可協助使用者僅透過空白鍵即可簡化許多操作。您可以透過以下方式在 Windows 上充分體驗這項獨特功能:

在 Mac 上更改 Google DNS

在 Mac 上更改 Google DNS

Google DNS 是當今最好的 DNS 之一,以高速和穩定性受到許多人的信賴。不過,如果發生光纜損壞或與 Google 服務相關的錯誤,更改 Google DNS 可能會幫助您解決這些問題。今天,LuckyTemplates 將指導您更改 Mac 上的 DNS!

Linux 和 macOS 上的lost+found 資料夾是什麼?

Linux 和 macOS 上的lost+found 資料夾是什麼?

在Linux上,使用者使用fsck(檔案系統檢查)指令來檢查損壞的系統文件,fsck可以找到檔案系統上損壞的檔案。如果偵測到任何損壞的文件,fsck 將從檔案系統中刪除損壞的資料並將其移至lost+found 目錄。

使用磁碟工具的急救功能修復 Mac 硬碟

使用磁碟工具的急救功能修復 Mac 硬碟

磁碟工具的急救功能可以驗證硬碟的運作狀況,並在必要時對硬碟的資料結構進行修復,以防止小問題變成大問題。

如何關閉 iPhone 和 Mac 上的螢幕使用時間

如何關閉 iPhone 和 Mac 上的螢幕使用時間

在下面的文章中,Quantrimang 將指導您如何關閉 iPhone 和 Mac 上的螢幕時間功能。

Mac 真的需要防火牆嗎?

Mac 真的需要防火牆嗎?

深入了解 Mac 的設置,您會發現預設關閉的防火牆。是不是不安全啊?蘋果為何如此不負責任?

如何刪除 iPhone 和 Mac 上的電話號碼

如何刪除 iPhone 和 Mac 上的電話號碼

在下面的文章中,Quantrimang 將指導您如何刪除 iPhone 和 Mac 上的聯絡人。