SSL憑證教學

【2021】Cloudways更新網域,Cloudflare SSL憑證設定教學,3步驟讓你網站更安全

購買主機、網域及設定代管DNS之後,我一定會代管網站來管理網站SSL憑證和及網域。

而網站很重要的安全設定─「SSL憑證」,通常架站者都要花額外費用來購買它。

可是,你只要透過本站一系列架設網站的文章教學,一步步建立自己的網站,SSL憑證居然可以完全For Free!

文章中我還幫你整理了3步驟完成Cloudways更新網域、Cloudflare的代管SSL憑證設定的完整教學,只要10分鐘即可完成!

Cloudways & Cloudflare SSL憑證設定教學

我自己本身的網站是透過Cloudways的網站主機架構而成,並使用Cloudflare的代管DNS及SSL憑證,接下來的步驟將透過我的個人架設網站及相關設定經驗來教你如何操作!

這個篇章,我會以第一視角一步步教你如何透過Cloudways平台更改成新網域,以及透過Cloudflare代管SSL憑證。

我會建議你邊看教學文章,邊使用電腦來跟著文章步驟做設定,如果在以下步驟中遇到任何問題,請直接透過本站郵件:[email protected] 與我聯繫。

正式教你設定網域和SSL憑證代管之前,請先幫我準備以下幾項物品和事項。

接下來用3個步驟教你如何透過 Cloudways更改Domain網域、設定SLL憑證以及Cloudflare代管SSL憑證的設定步驟。

  • STEP 1 Cloudways後台更改Domain網域設定
  • STEP 2 Cloudways後台設定SSL憑證
  • STEP 3 Cloudflare代管SSL憑證設定

STEP 1 Cloudways後台更改Domain網域設定

第一步驟我們需要到Cloudways後台來設定Wordpress的網站網域,因此需要先登入Cloudways帳戶,如果你還沒有會員帳號,建議你先花10分鐘看這篇Cloudways建立主機教學

步驟一的網域設定內容包括:

  1. 登入Cloudways帳號→SERVERS
  2. 進入SERVERS後台頁面
  3. 進入Application後台控制分頁
  4. Application後台畫面
  5. Primary Domain更新畫面
  6. 查看Access Details→ADMIN PANEL的URL資訊
  7. 目前的網站狀態→不安全

登入Cloudways帳號→SERVERS

Cloudways教學 - 新網域設定

登入並進入Cloudways網站後,點擊SERVERS頁面,再選擇欲設定的Server開始設定。

進入SERVERS後台頁面

Cloudways教學 - 新網域設定

進入Server後台控制畫面後,一開始的畫面如上圖。

進入Application後台控制分頁

Cloudways教學 - 新網域設定

接著點擊控制面板右上方的「www」並選擇欲設定的Application。

Application後台畫面

Cloudways教學 - 新網域設定

接著就會看到如上圖的Application後台控制面板資訊。

這邊ADMIN PANEL的URL通常還是預設的WordPress網址,繼續下一步來修改它!

Domain Management→Primary Domain填入網站網址

Cloudways教學 - 新網域設定

點選左側選單的「Domain Management」分頁,並在此頁面的「Primary Domain」欄位中填入網站網域,再點擊「Save Changes」儲存設定。

Primary Domain更新畫面

Cloudways教學 - 新網域設定

儲存Primary Domain設定後不會馬上完成,會出現如上圖的讀取更新畫面,通常會在1分鐘內更新完成!

查看Access Details→ADMIN PANEL的URL資訊

Cloudways教學 - 新網域設定

設定完成並等它更新跑完後,點擊左側選單的「Access Details」頁面資訊,可以看到ADMIN PANEL中的URL欄位已經更新成你剛剛輸入的網域網址囉!

目前的網站狀態→不安全

Cloudways教學 - 新網域設定

這時候如果你點擊URL的網址進入WordPress網站,雖然可以看到網站畫面,可是目前你的網站網欲並沒有設定SSL加密憑證,所以會在網址旁邊顯示如上圖的圖示。

繼續接下來的步驟二,教你如何在Cloudways後台設定SSL憑證,告訴瀏覽器這個網站網址是安全的網域!

STEP 2 Cloudways後台設定SSL憑證

第二步驟我們要開始設定Cloudways的SSL憑證,因此剛剛步驟一的Cloudways後台視窗先不要關掉。

步驟二的SSL憑證設定內容寶包括:

  1. SSL Certificate→Domain Name欄位填入網站網址
  2. 設定網址開頭「HTTP」跳轉到「HTTPS」
  3. 刷新網站畫面查看網址SSL憑證

SSL Certificate→Domain Name欄位填入網站網址

Cloudways教學 - SSL憑證設定

一樣回到Cloudways後台畫面,點擊左測選單的「SSL Certificate」分頁,並在Domain Name的欄位中填入註冊的網域名稱,再點擊「Install Certificate」或「Save Changes」。

記得第一步驟的網域名和這裡網域名要輸入完全一樣!

設定網址開頭「HTTP」跳轉到「HTTPS」

Cloudways教學 - SSL憑證設定

接下來會等待網域設定SSL憑證,通常需要等一下子,設定完成後會跳出上方視窗,詢問你如果有讀者使用HTTP(不安全)的未加密狀態瀏覽你的網站,是否要強制跳轉成HTTPS(有鎖頭)開頭的安全網址?

這邊直接點擊「Enable HTTPS」後會看到下方畫面,代表設定完成。

Cloudways教學 - SSL憑證設定

刷新網站畫面查看網址SSL憑證

Cloudways教學 - SSL憑證設定

最後你可以到WordPress的後台重新整理一下頁面,當看到網站網址左邊出現「鎖頭」圖案後,代表網址成功綁定SSL加密憑證囉!

STEP 3 Cloudflare代管SSL憑證設定

最後第三步驟要到Cloudflare網站代管SSL憑證,因此需要先登入Cloudflare會員帳號,如果還沒有帳戶,請先花10分鐘看這篇Cloudflare註冊帳戶教學

步驟三的代管SSL憑證設定內容包括:

  1. 登入Cloudflare帳號→點擊網址
  2. SSL/TLS加密模式→設定為「完整(嚴格)」
  3. 回到Cloudways後台設定→Server控制面板
  4. 「Settings & Packages」→「Advanced」
  5. 調整WAF MODULE設定→Cloudflare

登入Cloudflare帳號→點擊網址

Cloudflare教學 - SSL憑證代管設定

進入Cloudflare網站後,點擊首頁欲設定的網站網址,並進入後台設定畫面。(如下圖)

Cloudflare教學 - SSL憑證代管設定

SSL/TLS加密模式→設定為「完整(嚴格)」

Cloudflare教學 - SSL憑證代管設定

接著點擊上排選單中有鎖頭圖案的「SSL/TSL」按鈕,在這個分頁的加密模式設定為「完整(嚴格)」後就可以了!(如上圖)

回到Cloudways後台設定→Server控制面板

Cloudflare教學 - SSL憑證代管設定

接著回到Cloudways後台,點擊畫面右上方的Server控制面板(如上圖)按鈕後,會看到下圖後台畫面。

Cloudflare教學 - SSL憑證代管設定

「Settings & Packages」→「Advanced」

Cloudflare教學 - SSL憑證代管設定

接下來點擊左側選單的「Settings & Packages」分頁後,再點擊「Advanced」。

調整WAF MODULE設定→Cloudflare

Cloudflare教學 - SSL憑證代管設定

進入頁面後,往下拉找到NGINX分類,並修改WAF MODULE(防火牆設定),改成「Cloudflare」後,最後點擊下方按鈕「Save Changes」儲存設定,就大功告成囉!

推薦網站&服務

簡介

AuMe專屬優惠

TradingView

全球投資人都在用的看盤軟體

外匯天眼

外匯投資必備的交易商檢測平台

Firstrade 第一證券

友善中文,低投資成本的美股券商

聯盟行銷大師班

學會自架網站賺取網路被動收入的線上課程

百萬課程學院

教你一步步建立自己的線上課程

財經M平方

研究總體經濟與金融資訊的知名財經媒體

Azimut 安睿宏觀

義大利規模最大的獨立理財顧問及資產管理公司

國外爆紅的番茄時鐘

自由工作者必備的時間管理工具

如果這篇文章有幫助到您,請幫我一個小忙…

「分享到您習慣使用的社群媒體,讓更多人知道這篇優質文章」

非常感謝您!

如果您對文章內容有任何問題或者建議,歡迎在底下留言讓我知道,也可以告訴我這篇文章有幫助到您什麼,讓我更有動力寫出更多實用的文章!

您可以馬上追蹤我的 Instagram ,更多即時資訊會分享在貼文和限時動態,也歡迎小盒子找我聊聊天

別忘了到 Facebook 粉絲專頁 按讚追蹤並設定為搶先看 ,成為我的專屬鐵粉,才不會錯過更多實用內容和最新文章分享。

如果您對文章內容有興趣,或者有合作推廣的意願非常歡迎來信邀約[email protected]

如果這篇文章對您有幫助,可以幫我在下方的「拍手圖案」按 5 個 Like,讓我得到一些回饋,支持我繼續寫出更多好文章!

※本站有部分連結與商家有合作夥伴關係,透過專屬連結購買,我會獲得少數佣金,讓我可以持續經營網站並提供更多有價值的內容,但這並不會影響您的任何權益,詳情查看免責聲明

※本站提到的任何投資標的與交易方法,僅為作者個人經驗分享與筆記整理,並不代表任何投資標的的推薦,敬請讀者下手投資前一定要自行評估風險。

※本站的所有文章內容(文字、圖片、表格)均為智慧財產,若有內容引用需求,請來信提出授權要求,如有私自引用、複製、轉載的情形,本人將保留法律追訴權,請勿以身試法。

by August

《好書推薦》

你可能有興趣…

Leave a Comment

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