WAMPServer 在Windows10架設WordPress網站

WAMPServer 64 bit 安裝流程

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

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

事前準備

磁碟格式化成 NTFS才能安裝 WAMPServer

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

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

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

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

下載程式

前往官方網站

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

  • Wampserver_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、直接下載

檔案:wampserver3.1.7_x64.exe (299.7 MB)

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

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

安裝WAMPServer

執行程式,進行安裝

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

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 的電腦上面,架設好屬於自己的專屬網站了(這篇文章可以看到自架網站的完整敘述)。而這系列的分享文章,是寫給架站新手 / 小公司 / 部落客的,不適用於大型企業 / 大神級…

網站DIY流程圖

Step 1、準備好硬體

– 電腦主機
– 路由器
初期
: 拿現有的路由器,具備設定通訊阜轉發就可以了。
後期: 決定要持續維護網站後,最好更換成具備防火牆功能的產品。畢竟防火牆功能的路由器,價格都不便宜。本身使用的都是入門款的防火牆(Vigor2120n使用心得),到現在,網站還沒中毒或被駭的經驗。只是每天在後台都看到一堆惡意連線,心裡難免怕怕的,所以只能靠硬體防火牆多少排除一下這些狀況。
進階: 自架免費防火牆OS(pfsense的使用心得),可以操作的細部功能更多了,防火牆設定也變得靈活。

Step 2、安裝架站安裝包

– 安裝 XAMPP 要記得在最後允許 Windows 防火牆存取【公用網路】與【私人網路】
– 設定 phpMyadmin (可以參考: 在Windows10架設WordPress網站)
– 設定 WordPress(可以參考上面連結: 在Windows10架設WordPress網站)

Step 3、申請 DDNS

使用 NoIP DDNS 的服務,將 IP 轉換成專屬網址,申請流程請參考: 申請 NoIP DDNS 的流程

Step 4、申請 SSL 數位憑證

當網站加入 SSL 加密協定(HTTPS,網址列會是綠色鎖頭圖示,申請流程請參考: ZeroSSL 的網站中完成申請),就不會被讀者誤會是危險網站或詐騙網站了(HTTP,是紅色鎖頭圖示)。也有利於 Google 搜尋排名。

Step 5、軟體設定

– VirtualHost 目的是使用同一個網頁伺服器 ( Apache ) 架設多個網站 ( e.g. hipay0.com ; www.hipay0.com ),當使用者以不同網域名稱 ( e.g. hipay0.com ; www.hipay0.com… ) 連到主機時, Apache 會依據不同的網址,回應不同的網頁內容。
– Apache 、WordPress、mySQL、phpMyadmin…的參數微調,全部都集中在VirtualHost 設定這一篇做分享。

6、網站上線

接下來要面對的問題,就是根據您的網站應用、屬性,在社團中發問,尋找解決方法了,例如:
– 如何提供 Pagespeed Insights 的分數
– 如何提高網站排名
– 如何改善SEO 的問題
– 如何提高流量
– 如何增加被動式收入、加入聯盟行銷
– 如何使用 Google Keyword Planner
-…
接下來的部分,會分享一些進階版的內容,有興趣的人,可以參考下一個章節。

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

回到頂端