WAMPServer 在Windows10架設Wordpress網站

WAMPServer 64 bit 安裝流程

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

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

Table of Contents

WAMPServer 64 bit 安裝流程
如何在 XAMPP 下，設定 phpMyadmin 與 WordPress呢?
Windows 10 自架網站流程圖
1. 網站DIY流程圖

事前準備

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

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

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

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

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

Microsoft Visual C/C++ Redistributable 2008 ( VC9 ),
- Microsoft Visual C++ 2008 SP1 Redistributable Package ( x64 ) ( 64bits )
Microsoft Visual C/C++ Redistributable 2010 ( VC10 ),
- Microsoft Visual C++ 2010 SP1 Redistributable Package ( x64 )
Microsoft Visual C/C++ Redistributable 2012 ( VC11 ),
- Visual C++ Redistributable for Visual Studio 2012 Update 4 ( x86 and x64 )
Microsoft Visual C/C++ Redistributable 2013 ( VC13 ),
- Visual C++ Redistributable Packages for Visual Studio 2013
Microsoft Visual C/C++ Redistributable 2015 (VC14), Microsoft Visual C/C++ Redistributable 2017 (VC15), 因為VC14 被 VC15取代了，所以只需要下載VC15
- Visual C++ Redistributable Packages for Visual Studio 2017 x64

下載程式

前往官方網站

前往官方網站，下載最新版本的 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

直接下載程式

按下【 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

執行程式，進行安裝

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

圖 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 的程式

圖 9、執行程式

確認程式是否成功在運作

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

圖 10、確認WAMPServer是否成功在運作

開啟程式目錄

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

複製 WordPress 到根目錄

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

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

設定 phpMyAdmin

點選 phpMyAdmin 4.8.4

點選【 phpMyAdmin 4.8.4 】

登入 phpMyAdmin

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

點選 Database

點選【 Database 】

Create Database

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

新增使用者

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

設定使用者權限

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

Check privileges

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

完成 phpMyAdmin 的設定

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

安裝 WordPress

下載最新的 WordPress 檔案

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

檔案複製到指定目錄

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

設定 WordPress Database

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

安裝 WordPress

按下【執行安裝】

設定 WordPress 登入帳號與密碼

按下【安裝 WordPress 】

完成安裝 WordPress

登入 WordPress

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

完成 WordPress 設定

大功告成!!!

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

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

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

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

按【下一步】
【select component】，以下是我選的項目
1. Server
  1. Apache
  2. MySQL
2. Program Languages
  1. PHP
3. Program Languages
  1. phpMyAdmin
【installation folder】，預設在C槽的路徑就可以了
【Languages】，選English
【Bitnami for XAMPP】，將方塊的勾勾取消
按【下一步】，然後會開始安裝，需要等幾分鐘
【允許 Apache HTTP Server 在這些網路上通訊】，出現這個視窗記得將【私有網路】與【公有網路】都打勾，然後再【允許存取】。不然的話，其他人連線到這台電腦時，都會被 Windows 防火牆給擋住，而無法連線。
【Completing the XAMPP Setup Wizard】，把方塊選項取消【Do you want to start the Control Panel now?】然後按【Finish】
下次要開啟 XAMPP Control Panel 時，最好都使用【系統管理員身分執行】來開啟程式
第一次使用【系統管理員身分執行】來開啟程式後，在【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 居家監視器系統的心路歷程~