Cloudways 主機介紹與實戰筆記|架設 WordPress 網站

經歷了無數個網站主機的磨練,最後選擇 Cloudways 使得網頁擁有「秒開」的體驗,終於結束了長達兩個月無效的網速優化嘗試,客戶終於展開了笑顏。此篇文章分享透過 Cloudways 主機架設 WordPress 網站所遇到的問題以及解決方法的實戰筆記(更新時間: 2021.9.12)

「實戰經驗分享,非只是網路資料整理」- Irving 爾文

Cloudways_ Managed Cloud Hosting Platform Simplified — 官方網站-IrvingLab 爾文實驗室
Cloudways: Managed Cloud Hosting Platform Simplified — 官方網站

先快速帶一下事情發生的背景,我長期使用美國 Godaddy 主機架站,但於今年(2020)春天開始,位於亞洲的主機顯得越來越慢,在此之前已經「勉勉強強」沒有很快了,慢到我不得不一直打電話至少兩次以上給 Godaddy 的客服,那時對方是說的確他們有收到類似的回饋,我請他們幫忙查查看怎麼回事。由於客戶很需要網站作為銷售的方式展示,而開啟網頁的速度簡直可以去外面慢跑十分鐘再回來可能才開啟完畢。

網頁開啟的瀏覽速度是所有網站使用者體驗首要優化的項目,是最基本的、也是最重要的!

網頁瀏覽體驗中,網頁開啟的速度駕於一切炫技的互動特效,沒有顧好這個,再棒的設計或內容,都無濟於事。

因為網站是用 WordPress 架設,我也升級了 Godaddy 的主機方案,從虛擬主機的旗艦版升到商務主機的啟動版(2GB RAM、1 個 CPU),我嘗試了許許多多對 WordPress 網站效能或許有幫助的快取外掛、CDN 設定、圖片優化等等等,都無濟於事,只換來客戶一句,「好像快了一秒鐘……」

曾經在體驗不好的網站主機嘗試執行各種優化 WordPress 網站速度的優化清單-IrvingLab 爾文實驗室
曾經在體驗不好的網站主機嘗試執行各種優化 WordPress 網站速度的優化清單

於是我開始從根源思考,或許主機本身就有問題。毅然決然,決定換下去!客戶原本是很抗拒的,因為以過往他們體驗到的會經歷很多折騰與層出不窮的問題產生。但如此「重症不解,才是種折磨」。於是我提議我先嘗試使用新方式,透過 Cloudways 設定主機測試看看,若結果超好我們再換。

換了網站主機,換來客戶網頁秒開的神奇體驗,就像在沙漠中行走口渴了數年,遇到了充滿水源的綠洲。

嗨!我是爾文(Irving Chen),資深網頁設計師,先快速介紹一下自己的架站經驗,本人有多年使用 WordPress 架站與網頁設計接案的經驗,對於這類平台的限制與可塑性有一定的了解,例如 Squarespace、Wix 後台真的限制超多,大部分的情況只能按照其版型去做編排,要做其他設定會相當困難而痛苦;WordPress 則是彈性度超高,可以在後台來去自如、修改頁面程式碼、使用海量的版型和外掛資源為網站打造全方位數位能力。
Cloudways 可以任意選擇安裝的知名主機和應用程式快速建立網站-IrvingLab 爾文實驗室
Cloudways 可以任意選擇安裝的知名主機和應用程式快速建立網站

用 Cloudways 架設 WordPress 網站

Cloudways 的主機和價格

查了一下發現 Cloudways 原來本身不是主機,反而比較像是一個透過它可以安裝其他主機的渠道。目前可以安裝的主機有 5 家:

1. DigitalOcean
2. Linode
3. Vultr
4. Google Cloud Platform ( GCP )
5. Amazon Web Services ( AWS )

價格除了 AWS 和 GCP 偏高之外,其他較平易近人。而我後來幫客戶採用的是 DigitalOcean 主機的 $42/mo 方案(貨幣單位是美金),讓網站瀏覽體驗從開啟首頁需要十秒變成「秒開」的體驗,而之前所安裝的任何優化外掛、圖片等幾乎不是拖慢網站速度「最關鍵的原因」,突然覺得花了那些力氣幾乎是白費一場!但得到的是扎實的經驗,那就是:先選一台好主機為第一步,達到 80 分以上的網站效能,再來想辦法一分一分加上去吧!

Cloudways Pricing & Plan 各種主機付費方案-IrvingLab 爾文實驗室
Cloudways Pricing & Plan 各種主機付費方案

網站主機基本需求

我使用過美國的主機如 Godaddy、Siteground、Dreamhost,台灣的主機則有遠振、捕夢網、某工程師家的自建主機等,經歷過痛苦的使用體驗,所以整理出對於網站主機的基本需求如下:

  1. 主機效能與穩定:一個好的主機效能與穩定絕對是最基本必要也最重要的。不會有時候連線時會變慢卻沒被通知或不知發生什麼事。
  2. 主機後台介面的使用體驗:後台介面好不好用、容不容易找到功能進行設定,可以節省很多非必要的力氣。
  3. 快速建立測試網站:能快速建立測試站同樣節省很多時間成本,不用非要綁定網域或建立在子網域進行網站測試。
  4. 官方的技術支援:因為主機設定太複雜,若有全天候的即時技術支援可以詢問與解惑,甚至可以幫忙排除障礙,那會是非常體貼與令人信賴。

以上列出的只是對於網站主機「最基本的要求」,亦即最低滿足程度,意思是若連這四點都缺一,那著實會造成心理的陰影,大打折扣,尤其是無法對客戶網站交代。

而 Cloudways 的主機使用體驗超乎期待,將一切設定過程變得如此簡單!

真心覺得 Cloudways 很讚的功能!

一鍵安裝 WordPress 網站

簡介:1-Click launch for multiple apps (including WordPress, WooCommerce, and Magento).

說明:大部分知名的主機都有一鍵安裝應用程式的功能,而 Cloways 在簡潔的介面下,使用起來相當舒適,操作直覺。設定方式要先選擇主機,然後選擇安裝的應用程式、命名、歸類的專案(Project),初次使用時了解這個邏輯,之後就很容易上手。

輕鬆備份、還原、複製網站

簡介:Backups — Schedule time & frequency.

說明:可以設定自動備份的頻率(最快每一個小時、最多每七天備份一次)、備份的時間(幾點幾分)、保持資料備份最近幾週的時間(一週至四周)。備份和還原備份都不難,但要了解一下就是自動備份的設定層級在 Server(針對主機中的所有網站),而還原備份和手動備份的層級在 Apps(針對個別選取的網站)。最後,複製一個網站也是輕而易舉。

快速建立測試站 Staging site

簡介:Dev-friendly staging environment.

說明:建立測試使用的網站真的很重要!無論是內部功能測試、外掛測試或是外部展示給客戶瀏覽、後台教育訓練等,都很需要用到。而 Cloudways 新增網站速度相當快,新增完後會自動建立一個測試用的網址瀏覽與分享。若要綁定網域再去綁定此測試網站也沒問題!

用專案資料夾去分類所有建立的網站

簡介:Smart organization of clients and websites with the Projects Feature.

說明:這功能還真的是超乎期待!不僅可以建立不同名稱的專案檔案夾去分類所有網站,方便管理。之前使用眾多的主機都沒此功能,當數量超過十個以上的時候,後台就會越來越亂,每次要找某網站時就眼花撩亂 @@

安裝無限個網站

簡介:No Limitation on the number of websites or visits per server

說明:在 Cloudwys 中的每台主機可以安裝無數個網站,也可以輕易新增一台主機。每一台主機都必須購買一個獨立的付費方案,所以可視需要而定。主機效能好就不怕安裝很多大大小小的網站,以往在跑不快的主機中都不太敢建立太多網站,很怕吃資源。

免費的網站安全憑證

簡介:Free SSL Certificates for all your websites

說明:可以安裝免費的和付費的,而使用免費的 Let’s Encryp 即可。綁定網域後安裝,並且開啟自動更新(Auto Renewal)。

24 小時線上技術支援

簡介:24/7 Expert Human Support: Our expert engineers are there for you 24/7 to assist you with whatever query you have, either via Live Chat or Tickets.

說明:這是我看過最便利、最完整的線上技術支援呈現方式,幫助中心(Help Center)會一直固定後台的右側標籤,可以輕易點擊按鈕打開所有資源,包含 Knowledge Base、Live Chat、Create a Tikcet、Community,其中我最常用的是 Live Chat,即時對談效率高。

隨時可以升級主機等級

簡介:Flexibility to scale server size.

說明:若覺得 RAM 2GB 不夠,可以直接提升 Server Size,最多升到 128GB, 因為介面操作便利至極,所以感覺很簡單。

快速設定 CDN:CloudwaysCDN

簡介:Built-in CloudwaysCDN

說明:可以快速 CDN,提升網站瀏覽體驗。費用也很平易近人,每個網站流量每 25GB 只收一美金( You will be charged $1 for 25GB per application. Additional consumption will cost $0.04 per GB.)我自己則沒有設定,原因是因為速度已經是「秒開」了!暫時沒有這個需求。

即時通知主機或網站狀況

簡介:Real-time server and website performance insights delivered across different channels by CloudwaysBot

說明:可以設定各種渠道如 Slack、Email 等來通知你的團隊成員主機目前的狀況或效能表現。Realtime server health alerts

新增團隊成員共同管理主機

簡介:Seamless Team Collaboration: You can add your team members/clients to your servers/applications with a very fine-grained level of control in your hand.

說明:Cloudways 新增成員也是如此迅速!成員權限可以勾選的有 Billing Access、Support Access、Console Access(Full Access、Limited Access)。我使用過 GoDaddy 想要新增成員,但屢次失敗,已測試了三次以上都不成功,超難用不知為什麼。

若覺得 Cloudways 聽起來真不錯用,那就前往免費試用 Cloudways 吧!若遇到任何問題,歡迎隨時來信問我討論噢!我的信箱:irving520@gmail.com

目前已經透過 Cloudways 建立三個以上的網站,體驗還算不錯!儘管如此,過程中還是有些細節需要注意,也遇到了一些「問題」需要排除,我將一一說明如下:

需要進行手機簡訊和 Email 驗證後方可試用三天

以 DigitalOcean 主機為例,試用方案只能選 Server Size:2GB,不能超過,除非直接升級為付費方案;免費試用期最多三天;Location 主機位置有六個地點可以選:London、San Francisco、Singapore、New York、Amsterdam,每個主機的地點都不盡相同。

注意事項:需要綁定手機號碼才能繼續使用,而一個手機號碼只能綁定一個 Cloudways 帳號,亦即第二個 Cloudways 帳號不能設定綁定過的手機號碼。

Cloudways 註冊帳號後的歡迎畫面-IrvingLab 爾文實驗室
Cloudways 註冊帳號後的歡迎畫面
圖中上方有個按鈕 VERIFY YOUR ACCOUNT 點擊進行驗證帳號-IrvingLab 爾文實驗室
圖中上方有個按鈕 VERIFY YOUR ACCOUNT 點擊進行驗證帳號

24 小時線上技術支援

由於主機設定有一定的複雜度,有不少細節設定還是會需要有人可以協助,簡單的問題可以用 Google 或官方論壇,另外直接詢問也是一個很方便找到答案的方式。我個人最愛用的還是線上即時交談 Live Chat,這已幫助我高效率解決比較困難的問題。

幫助中心有四種技術支援的方式:

  1. Knowledge Base
  2. Live Chat
  3. Create a Ticket(需要選擇付費方案才行使用)
  4. Community
Cloudways Help Center — 幫助中心有四種技術支援的方式-IrvingLab 爾文實驗室
Cloudways Help Center — 幫助中心有四種技術支援的方式
Cloudways Help Center — 線上客服即時交談,高效率解決設定主機時遇到的問題-IrvingLab 爾文實驗室
Cloudways Help Center — 線上客服即時交談,高效率解決設定主機時遇到的問題

主機系統運作狀態通知

可以用各種方式設定通知,我是用 Email 信箱訂閱方便直接收到訊息。可以直接到 Cloudways System Status 網頁設定。

Cloudways System Status 系統狀態-IrvingLab 爾文實驗室
Cloudways System Status 系統狀態

CloudwaysBot 主機虛擬助理

CloudwaysBot 可以說是 Clowdways 主機虛擬助理,會時時針對 Cloudways 帳號、主機、應用程式、安全性、付費等整體效能進行通知,我也設定了 Clowdways 其他通知渠道如 Email 和 Slack,參考 CloudwaysBot 設定方法:CloudwaysBot Starting Guide、設定 Slack 教學:How to Integrate Slack With CloudwaysBot

CloudwaysBot 主機虛擬助理通知設定-01-IrvingLab 爾文實驗室
CloudwaysBot 主機虛擬助理通知設定
CloudwaysBot 主機虛擬助理通知設定-02-IrvingLab 爾文實驗室
CloudwaysBot 主機虛擬助理通知設定

如何設定 FTP?

FTP 權限設定

Cloudways 的 FTP 有兩個權限層級,一是管理員,二是成員

一、管理員:Master Credentials

  1. 在 Server 層級中,只會有一個帳號,不能刪除和更改
  2. 可以瀏覽所有主機中的檔案
  3. 謹慎保存,勿外流

二、成員:Application Credentials

  1. 在 Applications 層級中,可以建立很多個帳號,可以刪除和更改
  2. 只能瀏覽該網站

如何建立成員用的 FTP?

在 Application Credentials 中,新增 Username 和 Password 後點擊 ADD 新增即可。設定路徑:Applications > Application Management > Access Details > Application Credentials,點擊 ADD。

Cloudways 的 FTP 設定 — 有兩種層級,一是 Master Credentials,二是 Application Credentials-01-IrvingLab 爾文實驗室
Cloudways 的 FTP 設定 — 有兩種層級,一是 Master Credentials,二是 Application Credentials
Cloudways 的 FTP 設定 — 有兩種層級,一是 Master Credentials,二是 Application Credentials-02-IrvingLab 爾文實驗室
Cloudways 的 FTP 設定 — 有兩種層級,一是 Master Credentials,二是 Application Credentials

如何透過 FTP 上傳檔案到主機中?

遇到的問題:我透過 FileZilla 上傳檔案的時候被擋住,訊息為 permission denied,於是我詢問了線上客服,原來要 Reset 才行,可參考文件 How Can I Reset File and Folder Permissions of an Application,Reset 完成之後,就可以在 FTP 上傳檔案囉!未來可能還是會遇到類似的情況,只要再次執行一次 Reset 就可了。

初次建立網站後,Cloudways 要 Reset File and Folder Permissions of an Application 才能進行透過 FileZilla 上傳檔案-IrvingLab 爾文實驗室
初次建立網站後,Cloudways 要 Reset File and Folder Permissions of an Application 才能進行透過 FileZilla 上傳檔案

升級和降級主機

升級主機時的注意事項

升級主機的過程中不能停止。若使用的主機是 Amazon 或 GCE,則很容易;若使用的是 DigitalOcean、Vultr 或 Linode servers,則會經過「複製」過程。升級過程中大約十分鐘左右,端看網站的資料量大小。實際使用 6GB 的網站大小過程只花了八分鐘以內,算滿快的!盡量在離峰時間進行升級,因為升級的過程中,網站連線變慢甚至斷線了!

以下為在升級主機時顯示的提示資訊:

SCALING WARNING

You are about to scale up your server. Please remember that once you initiate the scaling process, it cannot be stopped until it is completed.

If you are scaling a GCE or Amazon server, you can scale it down easily. But for DigitalOcean, Vultr and Linode servers, you have to go through the process of cloning.

Additionally, scaling can take up to 10 minutes, depending on the size of your data.

During the scaling process your website may run slowly or become inaccessible for a few minutes. Therefore, it is best to perform this activity during off-peak hours.

If you want to scale your server now, click on the “Proceed” button. Otherwise, click on the “Cancel” button.

Cloudways 升級主機時的提示訊息-IrvingLab 爾文實驗室
Cloudways 升級主機時的提示訊息

降級主機時的注意事項

要降級主機時,必須複製一次原本的主機,複製的時間端看檔案容量有多少,完成之後,主機原本的設定需要重新再手動設定一次,例如網域的綁定、更新 DNS records、SSL 設定等動作,參考 How to Clone Your Server

Cloudways 降級主機時的提示訊息,需要複製此 Server,原本的主機設定都要重新再設定一次-IrvingLab 爾文實驗室
Cloudways 降級主機時的提示訊息,需要複製此 Server,原本的主機設定都要重新再設定一次

新增團隊成員共同管理主機

新增與權限設定相當容易,主要透過電子信箱授權,可以關閉使用者權限以及設定權限分級。新增的成員電子信箱不能是已註冊為 Cloudways 的主要註冊信箱,參考:How to Create and Update Team Members

Cloudways 新增團隊成員共同管理主機-IrvingLab 爾文實驗室
Cloudways 新增團隊成員共同管理主機

綁定網域

Cloudways 本身並不提供網域購買,所以要使用 Cloudways 架站的人需要在其他平台購買網域,例如可以在 GodaddyNamecheap 購買。

執行步驟

  1. 先在 Cloudways 設定網域名稱(圖一)。
  2. 在購買網域的主機商後台設定 A Record 的 IP,直接參考 How Do I Take My Website Live from Cloudways?,官方也有提供詳細的主機設定說明,如 GoDaddy、Namecheap、DreamHost、Cloudflare、Freenom。
  3. 在 Cloudways 中設定 SSL 網站安全憑證(SSL Certificate),使用的是免費的 Let’s Encrypt SSL(圖二),參考:How to Install Let’s Encrypt SSL Certificate on Your Application
圖一、在 Cloudways 中設定網域名稱-IrvingLab 爾文實驗室
圖一、在 Cloudways 中設定網域名稱
圖二、在 Cloudways 設定網站安全憑證 SSL-IrvingLab 爾文實驗室
圖二、在 Cloudways 設定網站安全憑證 SSL

將網址綁定於 Cloudways 中的網站後,DNS 生效時間為何?

通常需經過 24 至 48 小時,快的時候數分鐘即可生效。

Creating or updating DNS records takes time to propagate through the different regions of the world. It often takes 24 to 48 hours and sometimes it propagates within few minutes depending upon whom DNS provider is

生效與否可以用 DNS 檢查工具確認

Whatsmydns
簡介:DNS Checker — DNS Propagation Check & DNS Lookup. Instant DNS Propagation Check. Global DNS Lookup and DNS Propagation Checker. Check your DNS records around the world.

主機設定

主機的設定項目需要根據所安裝的 WordPress 版型而定,每個版型所要求的數值皆不同,可以直接去購買版型的官方文件查看。

Upload Size

在 WordPress 後台想上傳在第三方平台購買的版型時發生錯誤,查詢了一下預設是 10MB 的限制,而版型的檔案超過 20 MB,所以在 Cloudways 主機的 Basic 項目中將 UPLOAD SIZE 調高一些(下圖中我調高為 30MB),再次上傳後就成功安裝。

PHP Timezone

預設是空白,可以改成自己的時區,例如我選擇 GMT+8:00 Taipei 時區。

如何設定 post_max_size?

直接更改 Upload Size 即可。

參考:Allow to change post_max_size via server settings
而官方文件的設定方式似乎不可行:How to Change PHP-FPM Settings(怪怪的,還沒找到原因)

Cloudways 設定主機細節參數-IrvingLab 爾文實驗室
Cloudways 設定主機細節參數

備份與還原

在 Server 層級進行定時備份(此為強制備份,不能暫停或取消)和手動備份主機;而在 Applications 層級可以手動備份以及恢復網站備份。

Server 層級的備份

設定自動備份的頻率、備份的時間、保持資料備份最近幾週的時間。

Off-site backup size not your server disk space. Off-site backup means those which are stored in Amazon s3 buckets. 意思是 Cloudways 預設功能的離線備份會另外幫使用者備份網站到 Amazon 主機中,但不會佔用到使用者的主機空間。

Cloudways — Server 層級的備份-IrvingLab 爾文實驗室
Cloudways — Server 層級的備份

Application 層級的備份和還原

可以選一個備份時間點進行網站還原。而 ON-DEMAND BACKUP 手動備份網站 Application 會花費數十分鐘,先去做別的事吧!參考:How to Configure a Server-level Backup

Cloudways — Application 層級的備份與還原-IrvingLab 爾文實驗室
Cloudways — Application 層級的備份與還原

Cloudways 清除網站快取的三種方法

問題:當在其他公司買的網域綁定到 Cloudways 的時候,過了一兩天等 DNS 生效,逐步生效後卻發生網站破版,怎麼刷新網頁沒效,還有就是更新頁面內容或新增頁面都沒有生效。

原因:無論有沒有安裝快取外掛,Cloudways 主機都會自動產生快取所致。

方法一、在 WordPress 網站中安裝 Cloudways 推出的 Breeze 快取外掛(推薦)

安裝後,預設為 1440 分鐘(一天)的時間會自動清除內部快取,且只要發佈新文章、頁面和留言後等更新頁面也會自動清除快取,相當方便!

Cloudways 官方說明:並不建議在任何 WordPress 網站上同時使用兩個快取外掛。 我們強烈建議在網站上使用 Breeze,將它作為唯一的快取外掛。如果網站上使用了其他快取外掛,請確保在安裝 Breeze 前已將其停用。

方法一、在 WordPress 網站中安裝 Cloudways 推出的 Breeze 快取外掛(推薦)-01-IrvingLab 爾文實驗室
方法一、在 WordPress 網站中安裝 Cloudways 推出的 Breeze 快取外掛(推薦)
方法一、在 WordPress 網站中安裝 Cloudways 推出的 Breeze 快取外掛(推薦)-02-IrvingLab 爾文實驗室
方法一、在 WordPress 網站中安裝 Cloudways 推出的 Breeze 快取外掛(推薦)

方法二、直接透過 FTP 進入網站後台,刪除快取資料夾

在該網站的 FTP 中找到 cache 資料夾,將其改名或刪除,改名如 cache > cache2,重新刷新頁面就完成更新。之後網站運作的過程中,主機也會持續自動產生 cache 這個資料夾存放快取,同樣改名或刪除,以此類推。

路徑:/public_html/wp-content/cache

方法二、直接透過 FTP 進入網站後台,刪除快取資料夾-IrvingLab 爾文實驗室
方法二、直接透過 FTP 進入網站後台,刪除快取資料夾

方法三、在 Cloudways 後台手動清除快取

在 Cloudways 後台選取 Servers,選取 Manage Services 中的 Vanrnish,點擊 Purge。不知為何實際使用後還是很難清除快取,網頁依然沒有更新。設定路徑:Cloudways > Servers > Manage Services > Varnish,點擊 PURGE。

方法三、在 Cloudways 後台手動清除快取-IrvingLab 爾文實驗室
方法三、在 Cloudways 後台手動清除快取

發生了一個嚴重的問題:網站後台輸入帳號和密碼後卻一直無法登入

原因:原來是因為 WordPress 外掛 Wordfence Security 和 Cloudways 內建的 Bot Protection 功能相衝突,所以只能選擇一個啟動即可解決此問題。

客服回應:Actually you are using bot protection and WordPress plugin — Wordfence Security both which is not recommended. Two security plugins on same site may conflict with each other

Cloudways 內建的 Bot Protection 功能-IrvingLab 爾文實驗室
Cloudways 內建的 Bot Protection 功能

提供回饋與建議給 Cloudways Customer Voice

Cloudways values its customers and their feedback! You can now give us your feedback on how we can improve Cloudways services, solution and products.
使用者可以提供回饋和想法給 Cloudways,一起交流、進步成長,前往 Cloudwasy Community

Cloudways 內建的 Bot Protection 功能-IrvingLab 爾文實驗室
提供回饋與建議給 Cloudways Customer Voice

如何在 Cloudways 中更改 WordPress 網站 Admin 密碼?

要在 Cloudways 中更改 WordPress 網站管理員登入帳號密碼的確沒有比 Godaddy 或 Siteground 來的方便。有三個方法更改 Admin 密碼),我自己則是用第三種方法 ^.^

  1. How to Create a New WordPress Admin User Using Database
  2. How to Reset WordPress User Password Using WordPress CLI
  3. 直接去 Cloudways 官網聯絡線上客服,請客服直接幫忙修改

以上是我自今年 2020 年開始使用 Cloudways 架設 WordPress 網站以來所經歷的所有經驗與問題解決的過程,此篇文章會持續更新,不定時也可以關注 Cloudways 的官方部落格訊息。

若覺得 Cloudways 聽起來真不錯用,那就前往免費試用 Cloudways 吧!若遇到任何問題,歡迎隨時來信問我討論噢!我的信箱:irving520@gmail.com

精選文章

爾文讀書中,跟我一起讀書去!精選書單:前往瀏覽

Post a comment

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