【推薦】架站免費好用設定Cloudflare DNS教學,馬上提高資安與效能!

分享到...

Last Updated on August 12, 2021 by San

你有沒有遇過網站卡卡,或是載入緩慢的情況? 如果有,那應該要了解一下CDN會為你帶來什麼好處。

Cloudflare CDN 目前是很多大公司用來提升網站的效能和安全的技術,也有推出免費的版本,所以如果你也想要提升網站的安全和速度,後面會帶著大家認識CDN及Cloudflare DNS教學設定。

CDN是什麼?

CDN介紹

CDN 全名是Content Delivery Network,中文翻成「內容傳遞網路」。資料中心為了把各種形式的內容(靜態數據)傳輸給使用者,會透過地理上最靠近每位使用者的伺服器傳輸,大幅減少傳遞的延遲。

這邊可以大略抓出幾個重點:

  • 各種形式的內容:

網站所有內容 (靜態數據) 會透過CDN技術存起來,再把這些存取的資料傳到具有這項技術的託管商(例如:Cloudflare、Kinsta),再透過他們全球的分點提供內容給使用者。

但有時內容在移動過程中,沒有被Google索引到,這時就需要退回到使用原來的網域去讓Google索引,而不是用CDN。
  • 地理上最靠近:

還記得你當時購買主機需要選擇地理上的位置嗎?這個主機可能會在世界上任何地方,當使用者瀏覽你的網站時,就會從主機的位置提供你網站的內容給使用者。

以我使用的Cloudways Linode主機為例,因為我的網站主要是服務台灣區域,所以我選擇離台灣比較近的【Tokyo】,因為我希望可以讓網站速度快一點。

可以回顧一下這篇也有提到: Cloudways架設WordPress教學

  • 傳遞延遲:

這個很好理解,就是當你進到一個網站的時候,網站需要時間把內容呈現給你看,雖然都是幾秒的時間,但會大大影響使用者的體驗。

可以直接想成,網站速度越慢,使用者數量越少,使用者當然可以選擇其他載入速度快的網站。

CDN的技術原理也不僅限於上面這些,接著我會跟你介紹一下CDN是怎麼運作的,讓你更了解這項技術,以及對你的Wordpress網站有什麼潛在的好處。

CDN運作原理?

基本上架設網站需要的是網域和主機,選擇主機商的同時就會選擇要承租主機的地區,而CDN是完全獨立於這兩種架站的技術,它主要是提高網站的速度和安全,一種讓網站優化的選擇。

舉例來說,當使用任一主機商架設網站時,必須選擇一個地理位置(存放資料的地方),假設你選擇美國作為存放資料的位置,當台灣的使用者瀏覽你的網站時,需要大老遠從美國,把你網站的資料傳輸到台灣的使用者,呈現在他們面前。

而雖然可以這麼做,但很浪費時間!

所以如果CDN服務商有據點在台灣任一地區,我們只要讓我們的網站設定到那間服務商即可,讓台灣使用者直接從台灣拿資料!

如果你是經營一個購物網站,消費者想要買你網站的東西,但因為沒有注意到自己存放的位置在美國,使付費過程延遲,消費者也會減少購買欲望,這樣一來損失的除了時間,還有金錢。

為了不要讓網站延遲,讓使用者感受很差,當然要選近一點,所以主機商基本上都可以選擇地點,所以如果有CDN的服務商據點比當初主機商的地點更近,那會是個不錯的選擇。

誰提供CDN?

現在有提供CDN的服務商,很多都有提供免費版本的CDN,可以試試看哪一種比較適合自己的網站,本篇會介紹並使用Cloudflare,比較知名有提供CDN的服務商:

另外比較精確分類CDN的方式分為兩種:

  • 傳統CDN(又稱拉式CDN)
  • 反向代理CDN:

這邊我講反向代理CDN就好,Cloudflare屬於這種。

簡單地說,當使用者瀏覽網站時,會發出一個請求,這個請求會被這個反向代理的CDN攔截,當作使用者和主機的中間橋梁。

而反向代理CDN會把原先暫存的資料直接回傳給使用者,不用再跑到很遠的主機抓資料了。

所以,DNS需要設定到反向代理CDN服務商,也就是DNS設定成Cloudflare的,因為Cloudflare的DNS和Godaddy的DNS都是免費的,這篇文章後面也會教大家如何從Godaddy轉移到Cloudflare。

【延伸閱讀】: 反向代理是什麼?

Cloudflare是什麼?

Cloudflare是一間位於美國舊金山的跨國科技企業,在紐約證券交易所掛牌上市(代號: NET),以CDN產品聞名。還提供DNS服務、影音媒體、資訊安全、網域註冊等服務,也受到許多大公司、公益團體、政府機關等單位採用服務。

下面是Cloudflare官方相關業務的影片介紹 (可以開啟中文字幕):

Cloudflare CDN對你有什麼好處?

  • 提高效能:

Cloudflare據點多、先把資料暫存等特性,讓使用者可以直接從離自己最近的據點抓取資料。

  • 強化安全性:

提供防火牆、新型 TLS/SSL 憑證DDoS 防護控制訪問、隱藏式IP設定等,都讓網站更安全。

  • 降低頻寬成本:

頻寬成本是透過傳輸數據所產生的費用,你可以把頻寬成本想成是「過路費」,因為CDN可以先暫存資料,只要從最近的據點發送就好了,就不用每次都要從原始服務商發送,不僅降低流量所帶來的費用,載入速度也加快,也可以參考:官方說明

  • 多據點分擔:

如果流量突然暴衝,可能會讓網站無法負荷,CDN因為有許多據點,會先分送流量到另一台服務器 ,避免網站故障。

  • 免費版本:

Cloudflare有提供免費版(不是試用期),基本的功能就可以提高安全和效能,不過一些好用的功能還是需要付費。

  • 服務廣泛:

目前全球使用Cloudflare有4萬間以上的公司,也包含一些知名的公司,像是UdemyMediumTinderDigitalOceanTypeform等公司,Cloudflare 的服務據點目前也超過100個國家、200座城市,而台北也有Cloudflare的據點。

Cloudflare DNS教學

【如果覺得文章對你有幫助,請幫我拍5下小手鼓勵我~只要登入臉書或Google帳號都可以,不需要任何費用就能支持我繼續創作! 感謝大家!】

啟用Cloudflare

Cloudflare DNS教學(註冊Cloudflare)

步驟 1

首先,需要先開啟Cloudflare的首頁註冊,然後點右上角【註冊】。

Cloudflare DNS教學

步驟 2

接著就直接輸入自己的Email、設定密碼,然後【建立帳戶】。

Cloudflare DNS tutorial

步驟 3

之後會傳一封驗證信件到剛剛設定的Email,點擊連結激活Cloudflare帳號。

dns-mail-check

步驟 4

然後,會跳出這個畫面,然後點選【繼續前往儀表板】。

dns-godaddy

步驟 5

這時候會在Cloudflare頁面,因為都還沒有設定網站,所以這時候點擊【新增網站】新增要轉移的網站。

dns-godaddy-check

步驟 6

接著會跳轉到需要輸入網站的畫面,把當時購買的網域填進去就好。

注意: 不用加 http 或 https 。
dns-cloudflare-mail

步驟 7

填好了就【新增網站】。

dns-cloudflare-mail-enter

步驟 8

這時候會進到Cloudflare一個方案選購的頁面,每一種方案都有不同功能,可以依照自己需求選購,不過因為免費版功能已足夠,所以這邊我選最下面那一欄免費版的方案,選好就點【繼續】。

dns-cloudflare-choices

步驟 9

讓它跑一下,會跳到這個畫面,表示它已經從原有的網域讀取到你網站的DNS紀錄。

dns-cloudflare-free-selected

步驟 10

這邊是要確認DNS紀錄有沒有正確,基本上不會有問題,如果有問題修改到正確的就好了,沒問題就點最下面【繼續】。

dns-cloudflare-page

步驟 11

同樣在Cloudflare網頁,會跳到這個頁面,這時候它已經讀取到我的網域是Godaddy,並且有一些指示,照著做就行了。

指示要我到Godaddy帳戶去更改叫做「名稱伺服器」的東西,英文叫做”Nameserver”,先在這邊點選2行英數字複製起來。

注意: 先不要點最下面完成哦! 頁面先放著不要關掉,先到Godaddy帳戶更改。
dns-cloudflare-nameserver

Cloudflare DNS教學(從Godaddy DNS移轉)

步驟 12

到Godaddy帳戶,點選【DNS】後,往下可以看到有個「網域名稱伺服器」的欄位,很順利地直接找到要我們更改的欄位。

可以看到本來已經有2行英數字在那邊了,這2行就是要更改掉的Nameserver,接著點選【變更】。

dns-godaddy-nameserver

步驟 13

同樣在Godaddy頁面,會跳出這個畫面,接著往下滑手動輸入Cloudflare的2行Nameserver英數字。

dns-godaddy-nameserver-reminder

步驟 14

然後把步驟11在Cloudflare複製的英數字貼過來Godaddy這邊,好了就點右下角【儲存】。

dns-cloudflare-nameserver-entered

步驟 15

這時候Godaddy會跳出一段訊息提醒要變更了,同意變更後就點【繼續】。

dns-cloudflare-nameserver-reminder

步驟 16

然後會有一行提醒你會寄一封Email到信箱裡,確認是本人操作的而已,可以先忽略它。

dns-cloudflare-check-mail

步驟 17

過一下,Godaddy就會顯示這行中文,說明剛剛更改的DNS紀錄已經從Godaddy移除了,現在要回到 在Cloudflare 去確認有沒有轉移到那邊。

dns-godaddy-dns-none

步驟 18

回到Cloudflare頁面按下【完成,請檢查名稱伺服器】。

cloudflare-dns-transfered-checked

步驟 19

這時候要等一下,信箱會收到一封Email,是DNS紀錄成功轉移到Cloudflare的通知信,表示轉移成功!

dns-cloudflare-mail-received

設定Cloudflare

步驟 20

然後回到Cloudflare頁面,網域出現綠色勾勾表示成功,接著就點進去設定。

dns-cloudflare-page-renew

步驟 21

可以看到Cloudflare免費版的功能已經啟用成功,所有Cloudflare免費版的功能都啟動了!

dns-cloudflare-operating

步驟 22

接著要設定基本的操作,先點選最上面按鈕【SSL/TLS】,在【概觀】頁籤選擇【完整(嚴格)】,這樣就可以確保網站會被加密驗證,增加安全性。

dns-cloudflare-ssl-setting-tutorial
注意:如果這邊設定有問題,先退回設定【彈性】,過一段時間再回來設定【完整(嚴格)】。

步驟 23

然後回到上面按鈕【Speed】,可以看到網站因為轉移到Cloudflare而加速! 這樣就成功讓我們的網站提高安全和效能了。

dns-cloudflare-speed-check
注意: 之後如果要更改DNS紀錄就到Cloudflare更改,不要回到原來網域(Godaddy)更改。

總結

目前已經有很多大公司採用Cloudflare,服務的特色是強大的CDN、DDOS防護、WAF防火牆等功能。

不僅提供的免費版本功能很足夠、介面容易操作,也能輕易提升網站的效能和安全優化,很適合想要優化網站效能的站長。

如果你是剛開始架設網站的新手,直接使用Cloudflare也是不錯的選擇。


你也許想探索…

#架站資源

【實用教學】3階段完成 Cloudways 架設 WordPress 網站 | 不需要任何程式背景也能上手的推薦主機!

【推薦】架站免費好用設定Cloudflare DNS教學,馬上提高資安與效能!

#商業分析

【超詳細】商業模式圖總整理 | 1個案分析+3個免費工具+9使用心法大公開!

#線上課程

【2021 股票投資課程攻略】 4大線上課程平台比較,股票學習從這裡開始!

如果對文章內容有任何問題,或是其他想法建議,歡迎在底下留言討論。

【如果覺得文章對你有幫助,請幫我拍5下小手~登入臉書或Google帳號都可以,不需要任何費用就能支持鼓勵我! 感謝大家!】

分享到...

Leave a Reply

Your email address will not be published.