[免費主機] 使用 OpenShift 雲端主機建置自有網域的 WordPress 部落格

使用 OpenShift 免費主機架設 WordPress 網站

最後更新時間: 2018/9/1

假如你想自行建置一個專屬於自己的網站,需要這個網站基本功能完備、擴充性高,具備移轉資料的功能,而且還要網路教學資源豐富,那你就不必再考慮如痞客邦之類有諸多限制的 BSP (Blog Service Provider),而該考慮以 WordPress 建立自己的網站。WordPress 是目前最受歡迎的架站系統,市占率極高,全世界有約四分之一的網站都透過 WordPress 系統建置而成。它的基本功能完備,且有無數的外掛 (Plugin) 及佈景主題 (Theme) 可以安裝使用,無論你想建置企業形象網站、部落格、或是線上購物網站 (有購物車,能串接線上金流服務),WordPress 都能勝任愉快。

在多年前,建置網站的入門門檻相當高,尤其要用自己的電腦架設的話,要懂的基礎知識相當多;所幸現在雲端服務盛行,架設網站的主機不再需要自己準備,而且不是只有付費的解決方案,免費主機也有許多不錯的選擇。阿力獅身為一個從舊時代自己架設實體主機的人,看到現在這些方便的雲端服務,無論是在營運維護成本或是基礎知識的取得,門檻都比以前低很多,也只能默默低下幾滴時代的眼淚。

免費主機之中,OpenShift 是個不錯的選擇,阿力獅曾多次選擇它來幫朋友建置一些流量不算太大的網站的主要原因,因為它有個很有名的爸爸 – Red Hat;假如你不清楚 Red Hat 的背景,可以參考這篇繁體中文 Wiki 說明。在這篇 WordPress 架站教學中,會引導你完成註冊 OpenShift 帳號,以及使用你已經購買的網域名稱建立 WordPress 網站;假如你沒有自己的網域名稱,這篇教學也適用,但是你建置出來的 WordPress 網站只能使用 OpenShift 提供給你的網址。將來你有了自己的網域名稱後,想在 OpenShift 已建立的 WordPress 網站上改用自己的網域名稱是可以的,但是要改就必須多幾個步驟。

OpenShift 已不再提供 v2 版免費主機,之前 v2 版使用者如未移轉至 v3 版,資料與帳號均會予以刪除。此外,OpenShift v3 版主機對免費帳號做出許多使用上的限制,所以阿力獅個人不推薦使用 v3 版免費主機

前置準備及說明

    • 假如你在其他 BSP 已經有了一個讀者數不少的部落格,免費主機絕對不適合你,因為免費主機能承受的同時使用者數及流量一定設有限制。請注意,這跟 WordPress 沒關係,這是免費主機的使用限制,只要改用信譽良好的付費主機解決方案通常就可以解決了。當你使用 OpenShift 免費主機架設 WordPress 網站經營一段時間並遇到主機瓶頸時,你可以選擇 OpenShift 提供的付費方案,或是將網站移到其他信譽良好的付費主機。
    • 如果你使用的是其他 BSP 服務架站 (如痞客邦),只要這個 BSP 服務提供資料匯出 (Export) 的功能,在你建置好一個全新的 WordPress 網站後,你在其他 BSP 所寫的文章,都是有機會可以搬過來 WordPress 網站的。雖然不至於到完全無痛搬遷 (修改一些東西總是需要的),但是基本上不須具備程式設計的能力就可以完成;只要安裝了正確的 Plugin,WordPress 幾乎沒有辦不到的事。
    • OpenShift 只有英文界面,但用字都很簡單,WordPress 更是在熱心的社群人員支持下,有了全中文界面 (簡繁中都有)。
    • 你假如還沒有購買自己的網域名稱,OpenShift 會給你一個 <你設定的名稱>.rhcloud.com 作為你建置的網站的公開網址,這種網址對經營網站不是那麼友善與方便。
    • 無論經營那一類型的網站,阿力獅會建議你要有自己的網域名稱;無論你之後轉換到哪一個 BSP 服務、或是更換主機廠商移轉資料,有了自己的網域名稱才能確保讀者不流失,因為你的讀者最後只會認內容、作者及網址,他不會關心你架設在哪一家廠商的主機,更不會關心你用的架站系統是哪一個。
    • 如果你已經有自己的網域名稱,無論是跟哪一個廠商購買的,請自己熟悉該廠商的 DNS 管理員界面。請注意,各家廠商的 DNS 管理員界面設計差別太大,阿力獅無法一一解說;設定 DNS 的重點只有一個,你可以不清楚 DNS 中的各項紀錄 (Record) 是作什麼用的,但是至少要懂得新增系統提示要你新增的 DNS 紀錄。此外,在 DNS 裡新增任何一筆紀錄,要生效都需要時間,而生效時間長短不一。
      在這次的示範中,你在 OpenShift 上使用你自己購買的網域名稱建置 WordPress 網站時,系統一定會提示你新增一筆 CNAME Record (CNAME 紀錄),你照著新增即可。
    • OpenShift 不僅可以建置 WordPress 網站,其實它還可以建置許多不同作用的網站或服務,詳細的清單請參考 OpenShift Hub 頁面[1]

註冊 OpenShift 帳號

要使用 OpenShift 服務,必須註冊一個帳號 (此帳號與 Red Hat 其他服務共用) 才能使用 OpenShift 所提供的免費主機,請依照以下步驟完成註冊程序。

  1. 使用瀏覽器瀏覽至 OpenShift 網站,然後按一下畫面右上方的 [SIGN UP FOR FREE] (免費註冊),進入 [Create an account] (建立帳號) 頁面。
    按一下畫面右上方的 [SIGN UP FOR FREE]

    • 建議使用具備較大螢幕的裝置進行操作,平板及個人電腦會比較適合。阿力獅的手機螢幕已達六吋,還是不好操作。
  2. 在 [Create an account] 頁面中,依序填入正確的電子郵件地址、密碼及驗證碼後,按一下 [SIGN UP] (註冊)。
    填完註冊資料後按一下 [Sign Up]

    • 接下來的 [What’s Next] 頁面中的提示只是告訴你,OpenShift 需要驗證你的電子郵件地址,記得去收信並完成驗證。
  3. 登入你註冊 OpenShift 帳號時登記的電子郵件信箱中,開啟一封主旨為 [Verify your account with OpenShift Online] (驗證 OpenShift Online 帳號) 的郵件,然後按一下郵件內容中的 [Verify Your Account] (驗證帳號) 連結。
    完成驗證帳號的程序
  4. 電子郵件驗證成功後,會直接引導你到 [Legal terms] (法律條款) 頁面,請在此頁面中按一下 [I Accept] (我接受)。
    按一下 [I Accept]

    • 勾不勾選 [Sign me up for OpenShift email] 無所謂,但是阿力獅會建議你勾選,以免 OpenShift 服務有重大變更你卻不知道。
    • 接受頁面中的法律條款是必要的,不接受條款無法完成註冊。
  5. OpenShift 帳號註冊成功後,會引導你進入歡迎頁面。在你未建立第一個應用程式前,這個歡迎頁面會在你登入 OpenShift 後,一直出現在 [Applications] (應用程式) 標籤頁中。
    • 「應用程式」(Application) 是指 OpenShift 提供給註冊使用者可以架設在它所提供的免費種幾上的服務或架站程式,詳細的清單請參考 [OpenShift Hub] 頁面。
    • 建立第一個應用程式之後,歡迎頁面就會被其他資訊頁面取代。
    • 假如你沒有立刻要架站,關閉歡迎頁面沒關係,登入 OpenShift 後隨時可以再進來。

在 OpenShift 上建立 WordPress 網站

以下的網站建置步驟,步驟 9 到 12 是與連結自訂網址有關的,假如你還沒有自己的網域名稱,跳過這 4 個步驟並不影響 WordPress 網站的建置。

  1. 進入 OpenShift 網站後,按一下畫面右上方的 [MY ACCOUNT] (我的帳號),然後按一下 [OPENSHIFT WEB CONSOLE] (OpenShift 網路主控台) 並完成登入。
    按一下 [OPENSHIFT WEB CONSOLE]
  2. 在 [Applications] 標籤頁中,按一下 [Create your first application now] (建立第一個應用程式)。
    按一下 [Create your first application now]

    • 假如你曾建立過其他應用程式,在 [Applications] 標籤頁中會變成要按一下 [Add Application] (新增應用程式)。
      假如你曾建立過其他應用程式,在 [Applications] 標籤頁中會變成要按一下 [Add Application]
  3. 在 [Create a New Application] (建立新的應用程式) 頁面中,按一下 [WordPress] (數字表示當前最新的版號)。
    按一下 [WordPress 4]
  4. 在 [Public URL] (公開網址) 的 [Application name] (應用程式名稱) 及 [Namespace] (命名空間) 欄位中,填入你自取的名稱。
    依序在 [Application name] 及 [Namespace] 欄位中填入資料

    • 在此範例中,阿力獅分別為這兩個欄位填入 [wpdemo] 以及 [alexclassroom],這兩個欄位名稱能填的字串長度最長不能超過 16 個字元,且僅允許英數字組合,不能使用特殊符號 (例如 @)。[Application name] 與我的範例相同無所謂 (你也可以自己想一個,使用 www 亦可),但是 [Namespace] 必須是沒有其他人使用過的,你必須自己想一個。
  5. 阿力獅建議將 [Scaling] (主機資源) 設定的選項從 [No Scaling] (固定不變) 變更為 [Scale with web traffic] (依網路流量調整)。
    建議將 [Scaling] 設定的選項從 [No Scaling] 變更為 [Scale with web traffic]
  6. 請注意,因為你使用的是免費方案,所以免費主機的位置無法變更,你無法在 [Region] (主機位置) 設定中將預設的 [aws-us-east-1] 變更至其他地區的主機。
  7. 按一下 [Create Application] (建立應用程式),OpenShift 就會為你建立應用程式供你使用。
    按一下 [Create Application] 就會開始建立應用程式

    • 假如你在步驟 4 的 [Namespace] 欄位中輸入了其他 OpenShift 使用者已使用的名稱,系統會提示你要換另一個 Namespace 名稱。此外,免費方案僅允許建立一個 Namespace 名稱。
    • 許多亞洲使用者偏好美國西岸的主機,假如你使用的是免費方案,卻又在 [Region] 設定中變更了主機位置,會出現錯誤訊息,所以不用再嘗試變更主機位置了。
    • 假如因為系統忙碌而導致建立應用程式失敗,在同一個頁面再按一次 [Create Application] 即可,無須變更任何已完成的設定。
  8. 這頁會提示你需不需要變更程式碼,由於 WordPress 無須變更程式碼就可以使用,按一下 [Not now, continue] (現在不需要,請繼續) 就可以進行下一步。
    跳過變更程式碼的程序
  9. 按一下你設定的公開網址旁的 [Change] (變更),這個公開網址就是你在步驟 4 中設定的,你應該會認得。請注意,你設定的公開網址 (Public URL) 的跟阿力獅的當然不一樣。
    按一下 [Chnage] 開始設定自訂網址的程序
  10. 在 [New Alias] (新增別名) 頁面的 [Domain name] (網域名稱) 欄位中,輸入你想要對應的網址,然後按一下 [Save] (儲存)。在此例中,阿力獅輸入的是 wpdemo.alexclassroom.taipei
    自訂網域名稱並儲存

    • 你在 [Domains name] 填寫阿力獅文章中的示範資料沒有用,請填寫你自己的資料。
    • 你一定要擁有自己的網域名稱並且具備變更 DNS 設定的權限才能順利完成設定。
    • 這頁面也顯示 OpenShift 主機的免費方案無法為建置出來的網站安裝 SSL 憑證。
  11. 接下來去你購買網址的廠商網站,登入後並在 DNS 管理員功能中新增一筆 CNAME 紀錄。以阿力獅這次示範的為例,CNAME 紀錄的名稱 (Name) 為 wpdemo (無須加上網域名稱),CNAME 紀錄的值 (Value) 就是 OpenShift 讓你在步驟 4 中你所設定的 Public URL,在這個範例中,阿力獅填的是 wpdemo-alexclassroom.rhcloud.com。
    • 這個步驟至關重要,但阿力獅無法為你示範,主要原因是每家網域名稱註冊服務提供商的 DNS 設定界面差異頗大。
  12. 等待 DNS 設定生效。請注意,DNS 生效時間可長可短,半小時到三天都有可能。
  13. 按一下畫面上方的網址,開始設定 WordPress 網站。
    按一下網址進入安裝 WordPress 最後步驟

    • 假如你已經完成步驟 9 到 12 的自訂網址設定,但卻沒有進入 WordPress 設定畫面,那代表你設定的 CNAME 紀錄仍未生效,請稍後再試。當然你也要確定你設定的 CNAME 紀錄正確無誤,假如設定錯誤生效了也對應不上。
    • 假如你沒有自己的網域名稱,這頁面的網址就是你在步驟 4 設定的 Public URL,直接按下去就好,無須等待時間。
  14. 在 WordPress 安裝頁面中,先選擇你想使用的界面語言,然後按一下 [繼續]。在這範例中,阿力獅選擇使用 [繁體中文] 作為將來 WordPress 的界面顯示語言。如此一來,你操作 WordPress 時的後台界面都會是繁體中文 (這個設定在後台可以變更)。
    選擇在 WordPress 要使用的界面語言,然後按一下 [繼續]
  15. 在畫面中依序輸入以下資料,然後按一下 [安裝 WordPress]。以下設定在 WordPress 安裝完畢之後,可以進後台再次變更。
    在畫面中依序輸入必要資料,然後按一下 [安裝 WordPress]

    • 網站標題: 請想一個響亮、符合網站經營目的的網站標題。
    • 帳號: 帳號僅允許英數字、空白、底線、連字符 (-)、半型句點 (.) 和 @ 符號。
    • 密碼: 預設會產生一組強度很高的密碼,因為不好記,所以你可以重新設定一組好記的新密碼。新設定的密碼假如強度太弱,需要你勾選 [確認使用不安全密碼] 才能完成設定。
      密碼強度不夠時,必須勾選 [確認使用不安全密碼]
    • 你的電子郵件: 填入合適的電子郵件地址,WordPress 系統運作有任何提示訊息時,都會寄送電子郵件到你設定的信箱。
    • 搜尋引擎可見度: 勾選 [阻擋搜尋引擎索引這個網站] 的話,搜尋引擎不會將你的網站納入搜尋索引內,但是要搜尋引擎肯遵守此項規定[2]
  16. 在最後一個畫面中,你可以按一下 [登入] 進入你的 WordPress 網站後台進行更詳細的設定 (例如變更佈景主題),或是直接瀏覽你的 WordPress 網站。
    阿力獅的 WP 示範站

    • 要直接瀏覽你的 WordPress 網站,請直接在瀏覽器的網址列輸入你設定的網址就可以。
      • 已經擁有網域名稱並做好設定的朋友,請輸入你設定好的網址就可以瀏覽。以阿力獅在這篇文章的範例來說,新的 WordPress 網站的網址就是 wpdemo.alexclassroom.taipei[3],沒有規定網站網址前面一定就是 www 開頭喔。
      • 還沒有網域名稱的朋友,請輸入在步驟 4 中設定的網址即可,格式為 <你設定的名稱>.rhcloud.com
      • 假如之後你需要登入 WordPress 的後台進行設定與文章撰寫,登入網址為 [你的網址/wp-admin]。請注意,在 wp-admin 前有一個斜線 /。忘了登入帳號密碼嗎?帳號密碼就是就是你在步驟 15 中所設定的帳號密碼。這次建置 WordPress 範例網站中的示範畫面,當中所出現的帳號密碼都已經置換過,請勿以這個 WordPress 範例站進行登入攻擊;這個示範站的登入頁面雖然還是一樣的網址,但是已變更登入方式,以 Clef 的動態音波紋圖兩步驟驗證方式進行保護。

結語

假如你想經營網站,初期不想投入金錢成本,免費主機是一個很好的入門及練習機會;加上 WordPress 具備強大的擴充性,網路教學資源也相當豐富[4],兩者搭配起來是一個相當棒的組合。

歡迎你加入 WordPress 站長的行列,趕快建立一個專屬於你的網站、並為它增加更多出色的內容吧。

附註

附註
1 隨著 v2 版免費主機不再提供,這個頁面也不復存在。
2 知名的搜尋引擎一定會遵守,當然包含 Google 或 Bing。
3 目前這個網站已遷移至一台價格很低的終生授權主機上。請注意,所有資訊產品所謂的「終生授權」,是指產品的生命週期或廠商的經營存活期,而不是使用者本人的終生。的
4 資訊類資源均是以英文內容量最大,但 WordPress 的繁體中文資源也不少。
分享這篇內容