NAS架設WordPress網站

當初購買 NAS最主要的用意就是要有自己的郵件伺服器, 因為收到 Google訊息升級之後需要收費的通知, 剛好同時間想架設網站來撰寫一些自己的學習和一些經驗, 所以就學習如何自己安裝架設 WordPress網站, 查詢網路很多資料, 好像很多都在說 LAMP, 所以就順便了解一下, 簡單來說 LAMP就是 Linux, Apache, MySQL, PHP/Perl 的縮寫, 所以看的出來至少需要有這幾個基本套件, 而 NAS本身就是 Linux-based, 所以基本上我們要再確認 Apache, MySQL, PHP/Perl 這些是否都有安裝, 上網爬了一下, NAS安裝最主要就是要有以下這幾個 App 1. Apache Server 2. MariaDB 3. phpMyadmin 4.PHP7 5.WordPress 6.憑證 SSL for HTTPs; 除此之外還必須要確認是否有網域以及家中網路設定是否是在 Router後有防火牆還是直接 PPPoE 將 NAS暴露在外, 這些都必須要注意, 接下來就一步一步地來安裝和設定

1. Apache: 當安裝完 Apache Server 或是稱之為 Apache Web Server 原則上就可以看到該網址上會有 default的網頁存在顯示, 表示你已經安裝成功, 像我現在用 Linux安裝完成, 畫面會顯示一個 Apache, 而 NAS一般會有一個 Web資料夾儲存檔案, 而畫面會依據各家設計顯示不同的畫面, 通常會有一個 xxxx.html 檔案, 因為先前我的都刪除了, 只能顯示檔案夾以示; 另外針對 Apache本身就是屬於後台, 目前所知道和 Apache類似的還有 Nginx 也是目前比較常使用的後台管理介面; 有關於兩者的優缺點, 可以參考一下此篇文章

2. Maria DB & PHP7 & phpmyAdmin 這幾個軟體都需要安裝, 因未如先前提及之 LAMP, 前面已經安裝有 Linux-based, Apache, 那麼接下來就是 MySQL 及 PHP/Perl 等, 因為 php和 MariaDB都需要連結及管理, 所以也需要安裝 phpmyAdmin, 在 NAS下安裝這些並不會很困難, 也有相依的提醒, 不過要看不同品牌自身的 NAS App的驗證過程是否有針對這些進行確認; 我自己在安裝這些是沒有遇到問題, 不過要確認在安裝過程的設定; 為了要再 recall 這些記憶, 就先以 Asustor的當作範本先刪除原先已經安裝的進行; 並進行說明, 這邊剛好因為最近 Asustor有針對先前在 https下使用embedded youtube會產生無法連線問題已經解決, 順便可以說明這段小插曲, 以及為什麼改買 Synology的原因, 以進行問題的釐清等

接下來進行移除 PHP, 這裡因為先前 Asustor主要是 PHP7.3, 因為 embedded youtube有連線問題, 在購買 Synology使用後, 並無此問題, 所以原先以為是 PHP之差異, 而請在 WordPress也會顯示需要更新至 PHP7.4 所以在技術問題反面有分別反應在 Asustor討論區以及其技術問題反饋;
a. PHP7.4 移除: 這邊會提醒, 也會刪除 Web Center
b. PHP7.3移除: 先前也會提示, 應該是後來修正過來
c. 因為當初對這些都不是很清楚, 只知道自己的動作是在將 http 進行憑證以後變成 https的方式, 原先 embedded 影片的問題就會變成無法連線; 原先一直以為是 WordPress語法問題, 也有上網站詢問

這中間有很多人的討論, 還有猜測各種可能性, 針對此部分不太了解的我, 也只能夠提出現象和做差異確認, 最後經 Asustor技術支援工程師確認為 Apache之問題, 此問題也才在 7/30 左右被更新解決, 歷時整整一個月, 也讓我多買一台 Synology的 NAS

最後 Asustor正式回應是 Apache的 CSP問題, 但是需要時間來進行修改以及確認; 所以這個插曲就先到這, 接下來繼續

我重新再確認安裝 WordPress, MariaDB, phpMyAdmin 時候的相依性提醒, 看來目前是 phpMyAdmin會提醒需要安裝 PHP7以及 MariaDB, 所以就先從這個安裝開始, 再看看其 PHP7 會是用 7.3還是 7.4為 default

安裝完成後可以看到有 phpMyAdmin, MariaDB 以及 PHP7.3 , 所以看來 Asustor dafault 還是與 PHP7.3來定義; 之後在 WordPress安裝完成後, 會有一個狀態檢查還是會顯示需要 7.4以上版本會比較好; 所以這邊我就順便將 PHP7.4安裝;

記得這些安裝完成後要至 Web Cenetr進行設定, 選擇 Apache Serevr以及採用 PHP7.4

phpMyAdmin 安裝完後登入的預設帳號和密碼帳號 root 密碼 admin, 進入後有幾個動作需要進行
1. 修改密碼, 這樣才能確保安全 : 先點選使用者帳號頁面, 然後按下編輯權限, 之後的畫面按下 Change password, 就可以進行密碼修改,這邊有兩種方式, 一種是自行修改, 一種就是讓系統產生; 我的習慣就是自行修改, 修改完成後記得登出再登入
2. 新增一個使用者, 主要是 for 接下來安裝 WordPress會使用到 db管理部分, 這邊我們就先預設 my_db 好了
3. 新增使用者的設定

1. 修改密碼畫面

2. 新增使用者

3. 新增使用者的設定

此處是新增使用者的下方需要注意點選事項, 實際上是連接一起的, 這邊分開寫; 選擇建立同名資料庫, 然後按下執行

WordPress安裝過程

1.在 App下找到 WordPrss, 畫面出現後, 點擊安裝, 因為 Asustor本身沒有設定相依性, 所以自行安裝後, OK就只是顯示已安裝

2. WordPress App安裝後的設定才是真正的 WordPress安裝, 畫面最早出現如下, 我安裝的是繁體中文

這邊要注意, 如果你先前已經將 https在 Web Center中打開, 這裡可能會有問題, 所以先以主要的 http 80 port為主, 不要採用 https 443 port; 避免網頁會出現錯誤, 接下來繼續安裝過程; 所以以下提醒, 就是剛剛在 phpMyAdmin進行的過程

依據提示填入對應的需求, 這邊設定就是為了需連結到 DB部分

按下傳送之後, 就會需要設定 WordPress這邊登入的需求

完成後顯示大功告成, 準備要進入下一個階段; 這一部分仍是屬於 WorePress 前台設定管理部分

WordPress 基本設定

前面的設定如果沒有問題也順利的話, 應該就可以到目前這個頁面, 先恭喜完成第一階段的進度; 這時候先不要急著操作 WordPress的功能, 因為有幾個設定或是功能會與我們連結網頁有關, 會是幫助我們進行一些診斷

先依據提示, 進行版本更新, 過程裡面會顯示找不到簽章, 這個是正常的, 至於為什麼找不到, 我也不清楚; 因為這一部分好像跟憑證無關, 此部分先保留說明; 完成後可以看到畫面 6.0

日期和時間格式也先設定完成, 此部分也可以在之後設定; 不過因為整個格式與日後編輯寫作有關, 所以建議先行設定, 設定完成後按下儲存設定, 這時候卻發現網頁突然改變也找不到了; 可能自己在輸入 private ip還是一樣, 那是因為 default 的 Web設定是在 Web 資料夾下有 index檔案, 這邊就進入 NAS主機, 將路徑設定在虛擬伺服器就可以了

這邊我一共設定 3組, 因為個別的 port設定, 還有一個雖然我在 domain主機設定有採用 www的 CNAME, 但是卻似乎打入 www, 也不會自行轉換成裸名網域 (就是 mrjimmy.org 這一種), 只是轉換到這個 ip, 但是到了這個 ip之後, 也還是不會自己轉換到 Web/wordpress, 這一點讓我有點不能理解; 所以我再加入一個 www.mrjimmy.org的設定指向相同的 WordPress儲存路徑; 這邊還有一個需要注意的, 如果是使用 DDNS的, 一般設定可能會是 mrjimmy.ddns.net 像是這一種, 如果要再有 www.mrjimmy.ddns.net, 就要看你的 DDNS提供商, 是否有授權給你或是幫你指定, 不然沒有辦法查導對應 domain ip的轉換, 就沒辦法先指到你這 IP位址; 底下顯示設定前, 設定過程, 最後看到 3組