如何在 Windows 10、11 上安裝 XAMPP

如何在 Windows 10、11 上安裝 XAMPP
  • 若要在 Windows 10(或 11)上安裝 XAMMP,請下載並執行安裝程式以解壓縮文件,繼續使用預設選擇的元件(MySQL、phpMyAdmin、PHP 和 Apache),選擇安裝位置,然後繼續螢幕上的提示指示並允許透過防火牆進行存取。
  • 或者,您可以開啟命令提示字元 (admin) 並執行 「winget install –id ApacheFriends.Xampp.8.2」 指令。

2023 年12 月11 日更新:在Windows 10(甚至Windows 11)上,您可以透過獨立安裝程式或命令提示字元安裝 XAMPP,在本指南中,我將教您如何使用這兩種方法完成此過程。 XAMPP 是一款免費的開源軟體,為網頁設計人員和開發人員提供了一種簡單的方法來安裝元件以運行基於PHP 的軟體,例如WordPress、 Windows、Linux 和 macOS 上的 Drupal、Joomla 等。

如果您是 Web 開發人員或嘗試撰寫博客,XAMPP 將為您節省時間並減少手動安裝和配置 Apache、MySQL、PHP 和 Perl 以在您的設備上創建測試環境的時間和挫敗感。

在本指南中,我將概述在Windows 10 上安裝XAMPP 的步驟 以及配置 Web 環境和修復設定後常見問題的說明。

在 Windows 10(或 11)上安裝 XAMPP

在 Windows 10(甚至 Windows 11)上,您可以透過使用 Windows 套件管理器 (winget) 工具下載並執行應用程式安裝程式或命令提示字元來安裝 XAMPP。

方法 1:從安裝程式下載 XAMPP 安裝

若要在 Windows 10(或 11)上下載並安裝 XAMPP,請使用下列步驟:

  1. 開啟Apache Friends網址

  2. 點選 Windows 版本 XAMPP 的下載按鈕,並將檔案儲存到您的電腦上。

    快速說明:如果您對 PHP 有特殊版本要求,請下載您需要安裝的版本。如果您沒有版本要求,請下載最舊的版本,因為它可以幫助您避免嘗試安裝基於 PHP 的軟體時出現問題。此外,這些說明已經過測試,適用於 XAMPP 版本 8.1.1 及更早版本,但您可以將本指南用於其他版本。
  3. 雙擊下載的檔案以啟動安裝程式。

  4. 點選確定按鈕。

  5. 點選下一步按鈕。

    在 Windows 10 上完成 XAMPP 安裝

  6. XAMPP 提供了各種可安裝的元件,例如 MySQL、phpMyAdmin、PHP、Apache 等。在大多數情況下,您將使用其中的大部分元件,因此建議保留預設選項。

  7. 點選下一步按鈕。

    XAMPP 安裝組件

  8. 使用預設安裝位置。 (或在「選擇資料夾」欄位中選擇另一個資料夾來安裝軟體。)

  9. 點選下一步按鈕。

    XAMPP安裝位置

  10. 選擇 XAMPP 控制面板的語言。

  11. 點選下一步按鈕。

  12. 清除「了解更多關於 XAMPP 的 Bitnami 的資訊」選項。

  13. 點選下一步按鈕。

  14. 再點選下一步按鈕。

    Windows 10 上的 XAMPP 安裝精靈

  15. 點選允許存取按鈕以允許應用程式通過 Windows 防火牆(如果適用)。

  16. 點選完成按鈕。

完成這些步驟後,XAMPP 控制面板將啟動,您可以開始設定 Web 伺服器環境。

方法 2:從命令提示字元安裝 XAMPP

若要在 Windows 10(或 11)上使用 winget 工具從命令提示字元安裝 XAMPP,請使用下列步驟:

  1. 開啟開始

  2. 搜尋命令提示字元,右鍵點選頂部結果,然後選擇以管理員身分執行選項。

  3. (可選)鍵入以下命令以搜尋應用程式的名稱,然後按 Enter

    winget search xampp

    快速說明: 雖然該命令不是必需的,但安裝查詢必須與軟體包的 ID、名稱或名稱相匹配,這些資訊可能隨時更改。因此,最好搜尋應用程式以執行正確的安裝命令。
  4. 鍵入下列指令以使用 Windows 軟體套件管理員安裝 XAMPP,然後按 Enter

    winget install --id ApacheFriends.Xampp.8.2
    winget安裝XAMPP指令

  5. 繼續按照螢幕上的指示操作(如果適用)。

完成這些步驟後,套件管理員將從指定來源下載程式包,然後繼續安裝應用程式。在此過程中設備可能會自動重新啟動。安裝將在 C:\xampp 資料夾中設定應用程式。

在 Windows 10(或 11)上設定 XAMPP

XAMPP 控制面板包括三個主要部分。在「模組」 部分,您將找到所有可用的網路服務。您可以透過點選「啟動」按鈕來啟動每項服務。

當您啟動某些服務(包括 Apache 和 MySQL)時,您也會在右側看到每個服務所使用的進程 ID (PID) 號碼和 TCP/IP 連接埠 (Port) 號碼。例如,Apache 預設使用 TCP/IP 連接埠 80443 ,而MySQL 使用TCP/IP 連接埠3306

您也可以點選「管理」按鈕存取每項服務的管理儀表板並驗證一切是否正常運作。一>

XAMPP控制面板
XAMPP控制面板

右側是用於配置控制面板各個方面的按鈕列表,包括“配置”按鈕來配置哪些當您啟動XAMPP 時,模組將自動啟動。

XAMPP配置
配置

按一下「Netstart」按鈕將為您提供目前存取網路的服務列表,包括 TCP/IP 位址和連接埠以及進程 ID 資訊。

XAMPP 網路統計
網路統計

此外,控制面板上還有快速存取按鈕,可開啟 shell 命令列公用程式、XAMPP 安裝資料夾和服務並關閉應用程式。

最後,您可以透過日誌部分來查看每當啟動模組或變更設定時會發生什麼情況。此外,當出現問題時,這是第一個要查看的地方。

XAMPP 控制面板日誌
XAMPP 控制面板日誌

預設設定應該適用於大多數使用 XAMPP 建立測試環境來運行網站的人。但是,根據您的設定配置,您可能需要變更 Apache 伺服器的 TCP/IP 連接埠號碼、資料庫上傳大小或 phpMyAdmin 的密碼。

您需要使用對應服務的「設定」 按鈕來存取和變更這些設定。例如,您需要開啟 「httpd.conf」 檔案來變更 Apache 伺服器和 my.ini 用於更改MySQL 設定的檔案。

修復 Apache 無法在 XAMPP 上啟動的問題

XAMPP 安裝非常簡單,但 Windows 10(且 Windows 11)有時可能不允許 Apache 伺服器運作。通常,這是因為“World Wide Publishing Service”正在連接埠“80”< a i= 4> 在您的電腦上,這也恰好是Apache 在XAMPP 上使用的預設TCP/IP 連接埠。且兩個應用程式不能使用相同的網路連接埠。

如果您遇到此問題,有多種方法可以解決它。您可以卸載發布服務或變更 Apache 上的預設連接埠。

方法一:卸載萬維網服務

如果您沒有任何依賴萬維網服務功能的應用程序,您可以透過以下步驟卸載它:

  1. 開啟開始

  2. 搜尋控制面板,然後按一下頂部結果以開啟體驗。

  3. 點選程式

  4. 點選程式與功能選項。

  5. 點選左側窗格中的「開啟或關閉 Windows 功能」選項。

    開啟或關閉 Windows 功能

  6. 拓展「網際網路資訊服務」分支

  7. 清除「萬維網服務」 選項。

  8. 點選確定按鈕。

    Microsoft IIS - 萬維網服務

  9. 重啟你的電腦。

  10. 啟動 XAMPP 控制面板。

  11. 點選 Apache 上的啟動按鈕。

完成這些步驟後,Apache 應該能夠在您裝置上的連接埠 80 中運作。

方法 2:更改預設 Apache TCP/IP 連接埠

您可以將 Apache 設定為在不同的 TCP/IP 連接埠上執行,而不是刪除萬維網服務。

若要變更 XAMPP 上的 Apache 偵聽端口,請使用下列步驟:

  1. 開啟XAMPP 控制面板

  2. 在 Apache 上,按一下設定按鈕。

  3. 選擇Apache (httpd.conf)選項。

  4. 向下捲動並找到「Listen 80」 行。

  5. 將數字「80」變更為另一個未使用的 TCP/IP 連接埠號碼。例如,您可以嘗試連接埠 “81”。 (更改後,該行應為:Listen 81。)

    httpd.conf 更改 TCP/IP 連接埠號

  6. 儲存並關閉httpd.conf 檔案。

  7. 從 XAMPP 控制面板點選 Apache 上的開始按鈕。

完成這些步驟後,Apache 伺服器應該會在指定的新 TCP/IP 連接埠上正常運作。

此設定的唯一注意事項是,每當您想要連線到網站時,都需要在位址上附加 TCP/IP 連接埠號碼。例如,要在 Web 瀏覽器上存取 Apache 伺服器,您必須鍵入“localhost:81/dashboard”,而不是“localhost/dashboard”。

方法 2:停止萬維網發布服務

解決連接埠問題的另一種方法是停止服務並更改其設定以手動啟動服務(僅)。

若要變更萬維網發布服務,請使用下列步驟:

  1. 開啟開始

  2. 搜尋服務,然後點擊頂部結果以開啟體驗。

  3. 雙擊「萬維網發布服務」 服務。

    萬維網出版服務

  4. 點選停止按鈕。

  5. 將啟動類型變更為手動

  6. 點選套用按鈕。

  7. 點選確定按鈕。

    萬維網發布服務設置

  8. 打開 XAMPP 控制面板。

  9. 點選開始按鈕執行 Apache 伺服器。

讓 Apache 重新工作的最佳方法是卸載萬維網發布服務。但是,您可以根據需要變更 TCP/IP 連接埠號碼或停止服務(如果無法做到這一點)。

增加 XAMPP 上的 phpMyAdmin 上傳大小

XAMPP 的另一個常見問題是預設的資料庫上傳限制。例如,開發人員經常複製網站進行故障排除或在不中斷即時網站的情況下進行現場工作。然而,使用 WordPress 或其他內容管理軟體的人們很快就會發現他們無法上傳資料庫,因為它超出了允許的最大上傳大小 2048 KiB。

若要增加 phpMyAdmin 上的資料庫上傳限制,請使用下列步驟:

  1. 開啟XAMPP 控制面板

  2. 點選資源管理器按鈕。

  3. 開啟php資料夾。

  4. 使用任意文字編輯器開啟 php.ini 檔案。

  5. upload_max_filesizepost_max_size 的值改為您想要的大小。例如:post_max_size=100Mupload_max_filesize=100M 用於匯入最大 40MB 的資料庫檔案。

    PHPMyAdmin增加上傳

  6. 點選 MySQL 和 Apache 的停止按鈕。

  7. 點選開始按鈕重新啟動 Apache 和 MySQL。

完成這些步驟後,現在應該能夠在 phpMyAdmin 上匯入大型資料庫檔案。

更改 XAMPP 上的 phpMyAdmin 密碼

預設情況下,phpMyAdmin (MySQL) 使用「root」作為沒有密碼的使用者名,這表示如果您安裝的是WordPress當詢問時,您只需輸入 root 作為使用者名稱並將密碼欄位留空。

若要變更 XAMPP 上的 phpMyAdmin 密碼,請使用下列步驟:

  1. 開啟XAMPP 控制面板

  2. 在 MySQL 上,按一下管理按鈕。

  3. 點選使用者帳戶選項卡。

  4. 點選使用者名稱的編輯權限選項root ,但是主機名稱是localhost

    MySQL 編輯根設定

  5. 點選更改密碼按鈕。

  6. 確認新密碼。

    MySQL修改root密碼

  7. 點選開始按鈕。

完成這些步驟後,如果您嘗試登入 phpMyAdmin,可能會收到存取被拒絕的訊息「無法連線:設定無效」 訊息。

修正 phpMyAdmin 存取被拒絕的訊息

在極少數情況下,您在登入 phpMyAdmin 時遇到問題,您需要設定 config.inc.php。

若要變更 「config.inc.php」 檔案中的設定設置,請使用下列步驟:

  1. 開啟XAMPP 控制面板

  2. 點選資源管理器按鈕。

  3. 開啟phpMyAdmin資料夾。

  4. 使用任意文字編輯器開啟config.inc.php 檔案。

  5. 在「身份驗證類型和資訊」部分下,更新以下行:

    • $cfg['Servers'][$i]['auth_type'] = 'config'; 上將 config 替換為 cookie

    • $cfg['Servers'][$i]['AllowNoPassword'] = true; 上將 true 替換為 false

      Config.inc.php 身份驗證類型和信息

  6. 儲存並關閉文件。

完成這些步驟後,您可以登入 phpMyAdmin 儀表板,並且 XAMPP 應該已配置並準備好與任何受支援的基於 PHP 的軟體一起使用。

2022 年1 月13 日更新:本指南於2016 年3 月發布,並於2022 年1 月進行修訂,以確保該資訊仍然適用於最新版本的XAMPP。

2023 年 12 月 11 日更新:本指南已更新,以確保準確性,並請注意,這些說明也適用於 Windows 11。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *