00_ WAMPServer 在本機Windows10電腦架設個人網站 cover 1024x512

WAMPServer 在Windows10架設WordPress網站

  • Post category:WordPress
  • Reading time:19 mins read

WAMPServer 64 bit 安裝流程

找了好久才發現免費的架站軟體整合包當中,原來預裝 Apache 64bit 的軟體有 XAMPP、Bitnami WordPress 與 WAMPServer 。

其實也不是很懂 32bit 與 64bit 的差異在哪裡,就索性在 Windows 10 64bit 作業系統中,安裝了 64bit 軟體,也許過一陣子後,就會陸續發現 64bit 的好處了。

事前準備

磁碟格式化成 NTFS才能安裝軟體

Wampserver_3 無法安裝在 FAT32 或 exFAT 的磁碟格式,所以要先將磁碟格式化成 NTFS 。

01_ WAMPServer 磁碟格式 NTFS
圖 1、磁碟格式化成 NTFS

確保作業系統具有以下程式的最新版本

完成安裝以下 VC9 ~ VC 15 程式:

下載程式

前往官方網站

前往官方網站,下載最新版本的 WAMPServer_64 bits (x64) 3。這個版本包含了:

  • Wamserver_3.1.0 64 bit x64
  • Apache 2.4.27 – PHP 5.6.31, 7.0.23, 7.1.9
  • MySQL 5.7.19
  • MariaDB 10.2.8
  • PhpMyAdmin 4.7.4
  • Adminer 4.3.1
  • PhpSysInfo 3.2.7
02_ WAMPServer website
圖 2、前往官方網站

直接下載程式

按下【 download directly 】

03_ WAMPServer website download
圖 3、直接下載

檔案大小 (299.7 MB)

目前最新版本是【 wampserver3.1.7_x64.exe (299.7 MB)

03_ WAMPServer website download-1
圖 4、Download Latest Version

安裝軟體

執行程式,進行安裝

執行剛剛下載的程式,進行安裝

04_ install WAMPServer 3.1.7
圖 5、執行程式,進行安裝

安裝路徑

最好是安裝在根目錄底下(C:)

04_ install WAMPServer 3.1.7_4 安裝在根目錄底下(C:)
圖 6、安裝在根目錄底下(C:)

指定程式

install WAMPServer 3.1.7_4 指定要【 開啟網頁 】的程式位置
圖 7、指定要【 開啟網頁 】的程式位置
install WAMPServer 3.1.7_4 指定要開啟【 筆記本 】的程式位置
圖 8、指定要開啟【 筆記本 】的程式位置

設定 WAMPServer

執行程式

在磁碟路徑下( C:\wamp64wampmanager.exe ) 執行 WAMPmanager 的程式

05_ WAMPServer setup
圖 9、執行程式

確認程式是否成功在運作

在桌面右下角出現【 綠色 】程式圖案的話,表示WAMPServer已經成功在運作了。

05_ WAMPServer setup-1 確認WAMPServer是否成功在運作
圖 10、確認WAMPServer是否成功在運作

開啟程式目錄

在【 綠色 】程式圖案按下滑鼠左鍵,會出現所有功能的畫面。點選【 www directiory 】,就可以開啟等一下要安裝 WordPress 的資料夾了。

install WAMPServer 3.1.7_4 開啟程式目錄
圖 11、開啟程式目錄

複製 WordPress 到根目錄

在網站的根目錄底下 ( C:\wamp64www ) ,先新增一個資料夾( 如: spa ) ,等一下需要把 WordPress 的檔案複製到這個資料夾裡面。

install WAMPServer 3.1.7_4 根目錄
圖 12、根目錄

設定 phpMyAdmin

點選 phpMyAdmin 4.8.4

點選【 phpMyAdmin 4.8.4 】

點選 phpMyAdmin 4.8.4
圖 13、點選 phpMyAdmin 4.8.4

登入 phpMyAdmin

用【 root 】登入,不需要輸入密碼。記得完成新增資料夾與使用者後,把 root 刪除

登入 phpMyAdmin
圖 14、登入 phpMyAdmin

點選 Database

點選【 Database 】

點選 Database
圖 15、點選 Database

Create Database

輸入要新增 Database 的名稱後,點選【 Create 】

Create Database
圖 16、Create Database

新增使用者

左手邊可以看到剛剛新增 Database 的名稱,這個時候再來新增使用者

新增使用者
圖 17、新增使用者

設定使用者權限

設定新增的使用者擁有所有權限

設定使用者權限
圖 18、設定使用者權限

Check privileges

點選【 Database 】,然後進入【 Check privileges 】

Check privileges
圖 19、Check privileges

完成 phpMyAdmin 的設定

確認剛剛新增的使用者是否有存取的權限,假使有的畫,可以準備安裝 WordPress 了。

完成 phpMyAdmin 的設定
圖 20、完成 phpMyAdmin 的設定

安裝 WordPress

下載最新的 WordPress 檔案

前往 WordPress 官方網站下載最新的 WordPress 檔案

下載最新的 WordPress 檔案
圖 21、下載最新的 WordPress 檔案

檔案複製到指定目錄

將下載的 WordPress 檔案解壓縮後,將全部的檔案複製到 C:\wamp64\www\spa

檔案複製到指定目錄
圖 22、檔案複製到指定目錄

設定 WordPress Database

在網址列打【 https://hipay0.com/spa/ 】,就可以進入安裝 WordPress 的畫面了。資料夾名稱,就使用剛剛新增的 Database 名稱;使用者名稱與密碼,指的是未來要登入 WordPress 後台的帳號與密碼。

設定 WordPress Database
圖 23、設定 WordPress Database

安裝 WordPress

按下【 執行安裝 】

安裝 WordPress
圖 24、安裝 WordPress

設定 WordPress 登入帳號與密碼

按下【 安裝 WordPress 】

設定 WordPress 登入帳號與密碼
圖 25、設定 WordPress 登入帳號與密碼

完成安裝 WordPress

完成安裝 WordPress

完成安裝 WordPress
圖 26、完成安裝 WordPress

登入 WordPress

使用剛剛安裝 WordPress 設定的使用者名稱與密碼,登入 WordPress 後台。

登入 WordPress
圖 27、登入 WordPress

完成 WordPress 設定

大功告成!!!

完成 WordPress 設定
圖 28、完成 WordPress 設定

如何在 XAMPP 下,設定 phpMyadmin 與 WordPress呢?

其實整個過程大同小異,頂多是檔案路徑不同而已。接下來就來看安裝 XAMPP 之後,如何設定 phpMyadmin 與 WordPress 的細節了。

在 Windows 10 下,安裝 XAMPP(64bit)

前往 XAMPP 官方網站 下載新安裝包,安裝時記得按滑鼠右鍵以【系統管理員身分執行】。然後照下列順序完成安裝:

  1. 按【下一步】
  2. 【select component】,以下是我選的項目
    1. Server
      1. Apache
      2. MySQL
    2. Program Languages
      1. PHP
    3. Program Languages
      1. phpMyAdmin
  3. 【installation folder】,預設在C槽的路徑就可以了
  4. 【Languages】,選English
  5. 【Bitnami for XAMPP】,將方塊的勾勾取消
  6. 按【下一步】,然後會開始安裝,需要等幾分鐘
  7. 【允許 Apache HTTP Server 在這些網路上通訊】,出現這個視窗記得將【私有網路】與【公有網路】都打勾,然後再【允許存取】。不然的話,其他人連線到這台電腦時,都會被 Windows 防火牆給擋住,而無法連線。
  8. 【Completing the XAMPP Setup Wizard】,把方塊選項取消【Do you want to start the Control Panel now?】然後按【Finish】
  9. 下次要開啟 XAMPP Control Panel 時,最好都使用【系統管理員身分執行】來開啟程式
  10. 第一次使用【系統管理員身分執行】來開啟程式後,在【Apache】與【MySQL】左邊的【Service】方塊中,點擊方塊將【紅色X】改變成【綠色勾】,這樣子的話,未來電腦重新開機後,會自動啟用【Apache】與【MySQL】也就ˋ網站會自動運作!

在 XAMPP 下,設定 phpMyadmin

用【系統管理員身分執行】來開啟 XAMPP 程式後,按【Start】開啟【Apache】與【MySQL】兩個服務,然後選取【Admin】連入 phpMyAdmin 進行資料庫的新增、設定。剩餘的過程,可以參考上面【圖14 到圖20】的說明,一樣可以完成資料庫的新增、設定。

02-phpMyAdmin-setup-on-XAMPP
圖 29、在 XAMPP Control Panel 下,開啟 phpMyAdmin

在 XAMPP 下,安裝 WordPress

接下來前往 WordPress官方網站下載檔案,將壓縮檔案解開後(例如 \wordpress-5.7-zh_TW.zip\wordpress\*.*),全部複製到【 C:\htdocs\ 】。打開瀏覽器在網址列輸入: localhost,就可以進入 WordPress 的安裝畫面了,剩餘的過程,可以參考上面【圖23 到圖28】一樣可以完成 WordPress 安裝。

Windows 10 自架網站流程圖

只要照著我的步驟做,相信你也可以不用額外花半毛錢,就可以在 Windows 10 的電腦上面,架設好屬於自己的專屬網站了(這篇文章可以看到自架網站的完整敘述)。而這系列的分享文章,是寫給架站新手 / 小公司 / 部落客的,不適用於大型企業 / 大神級…

架站硬體

電腦系統

free desktop pc svgrepo com
click svgrepo com

寬頻網路

globe connection svgrepo com
click svgrepo com

架站工具

軟體懶人包

xampp svgrepo com
click svgrepo com

申請網域

domain www svgrepo com
click svgrepo com

SSL 憑證

certificate ssl svgrepo com
click svgrepo com

商標設計

logo apple ar svgrepo com
click svgrepo com

架站效能

網站設定

setting line svgrepo com 1
click svgrepo com

網站設定

軟體參數微調

快取外掛

shower svgrepo com
click svgrepo com

架站安全

找出惡意爬蟲

crawl svgrepo com
click svgrepo com

網頁標題

quiz title svgrepo com
click svgrepo com

廣告違規

advertisement svgrepo com
click svgrepo com

你可能有興趣>>> DIY 居家監視器系統的心路歷程~