[教學] 註冊申請 CloudFlare CDN 網址綁定 DNS 代管設定

CloudFlare 為一家提供內容傳遞網路 ( Content Delivery Network,CDN ) 的服務企業;藉由分佈於全球各地的數據中心,供給 CloudFlare 代管 DNS 的主機,將網站的緩存檔案,自動分發至鄰近地區的節點,以加速載入網頁資料來改善訪客使用體驗。

CloudFlare 的 DNS 在銜接時相當流暢,從原本的 DNS 代管供應商,托管至 CloudFlare 不需要一分鐘。在 DNS 接入後,網站資料也幾近於即時更新的狀態,不會有過時資訊的產生。

CloudFlare 在代管 DNS 後,主機的 ip 位址即更換為 CloudFlare 提供的 ip 位址。若是在家自架主機,有需求隱藏自己的主機 ip 位址,也可運用 CloudFlare DNS 保護隱私。

[教學] 註冊申請 CloudFlare CDN 網址綁定 DNS 設定_001



除了更替了 ip 位址,CloudFlare 也能幫忙主機做一些功能性的幫助。例如:防止 DDoS 攻擊、支援 IPv6,並在主機臨時出問題時也能提供暫存資料,以確保網站能夠長期在線。

另外,DNS 的設定頁面在操作上也相當便利,是使用托拉的方式開啟或關閉當作切換 CloudFlare 的功能,而在單一帳戶也提供記錄數百萬條 DNS 資料;若升級到「Business plan」,也能自定義自己的 nameserives 名稱。

而不久前,在做「測試」時大陸地區只有香港一個數據中心。才一個月的時間,CloudFlare 在中國大陸地區又陸續增加了好幾個數據心中;相信日後使用 CloudFlare 時,會越來越快、越來越好用。

[教學] 註冊申請 CloudFlare CDN 網址綁定 DNS 設定_002



CloudFlare 除了免費的 CDN 與 DNS 代管,也提供 Security、SSL、Analytics、Apps 與優化設定供用戶使用。以下則是相關的 CloudFlare 註冊 CDN網址 ( 網域 ) 綁定 DNS 代管設定教學,若你也想加入 CloudFlare 懷抱,不妨將本篇當作參考資料。



(16/07/22)文章更新:
CloudFlare 目前已新增台北數據路由中心,網站連線情況較撰文當時還要穩定了許多。



設置流程

  1. 註冊 CloudFlare CDN
  2. CloudFlare DNS 代管設定 ( NameCheap、Name.com )

相關連結

CloudFlare 官網「https://www.cloudflare.com/

CloudFlare 概觀「連結



設定教學

Step 1

註冊 CloudFlare CDN

首先,前往 CloudFlare 選擇「Sign up」註冊。

[教學] 註冊申請 CloudFlare CDN 網址綁定 DNS 設定_101



Step 2

CloudFlare DNS 代管設定 ( NameCheap、Name.com )

註冊過後,在 Add a website 的下方填入自己的域名網址,並按下「Begin Scan」

[教學] 註冊申請 CloudFlare CDN 網址綁定 DNS 設定_201



此時 CloudFlare 就開始掃描原本的 DNS 代管資料。由於需要一段的時間等待 ( 不到一分鐘 ),所以可以觀看畫面中的影片介紹;在掃描完成後,則可以按下「Continue」。

[教學] 註冊申請 CloudFlare CDN 網址綁定 DNS 設定_202



畫面跳轉過後,可以看到 CloudFlare 系統已經抓到了原本的 DNS 代管資料 (* 這邊一定要看仔細,CloudFlare 並不會抓取全部的 DNS 資料,必需自行補充填入缺少的部份!)。

[教學] 註冊申請 CloudFlare CDN 網址綁定 DNS 設定_203



畫面上方的預設「A 記錄」下拉式選單中,可以挑選需要補充的資料類別。在「Automatic TTL」的下拉式選單中,則可挑選時間類別。選擇與補充完類別後,就可以按下「Add Record」。若確認補充完畢後,可以按下畫面下方的「Continue」。

[教學] 註冊申請 CloudFlare CDN 網址綁定 DNS 設定_204

(* 在加入 DNS 資料後,預設的雲朵為「灰色 ( 停泊 ) 僅使用 DNS」;「橘色」雲朵則為運用至 CloudFlare CDN。)

在這個步驟,需要做一下判斷!這裡提供幾點,可以做為參考:
以 Windows Live 管理中心,自訂 Mail 伺服的 MX、TXT 記錄來觀察,在不銜接「橘色」雲朵的情況下,還是能正常運作,所以可以選擇「灰色 ( 停泊 )」。

Tumblr  的 CNAME 「domains.tumblr.com」銜接「橘色」雲朵的情況下,則無法運行。所以設定時需使用「灰色 ( 停泊 )」。

百度 WebMasters 的 CNAME 「zz.baidu.com」 銜接「橘色」雲朵的情況下,則無法運行。所以設定時需使用「灰色 ( 停泊 )」。

所以,除了將原本的 DNS 資料完全補充之外,並在 DNS 的全部步驟都設定完成後;還必需回來這個「DNS」頁籤一個一個測試,是否每一個作用的到平台資料都正常對應,確實運作。



接著,在 Select a CloudFlare Plan 頁面,可以先選擇「Free Plan」免費方案來試用。如果體驗過程不錯,再做升級動作。這邊可以點選「Free Plan」再按下「Continue」。

[教學] 註冊申請 CloudFlare CDN 網址綁定 DNS 設定_205



接下來,Change Your Nameservers 畫面會提示,將兩筆 nameservers 資料填入目前的 DNS 代管平台。這兩筆數值會隨機產生,可能因區域性而不同;所以,你的數值可能和圖片中的數值有所不同。

[教學] 註冊申請 CloudFlare CDN 網址綁定 DNS 設定_206



前往 DNS 代管平台,並填入剛才的兩筆 nameservers 資料:
 ( 以 NameCheap 為例 ) 選擇「Transfer DNS to Webhost」,並填入剛才的兩筆 nameservers 資料,確認資料無誤後,可以按下「Save Changes」。

[教學] 註冊申請 CloudFlare CDN 網址綁定 DNS 設定_207



 ( 以 Name.com 為例 ) 選擇「Nameservers」,並在「Add Nameservers:」填加剛才的兩筆 nameservers 資料;接著刪除舊的四筆 nameservers 資料。

[教學] 註冊申請 CloudFlare CDN 網址綁定 DNS 設定_208



回到 CloudFlare 頁面,點選網頁最下方的「Continue」。

[教學] 註冊申請 CloudFlare CDN 網址綁定 DNS 設定_209



接著,畫面跳轉後,網頁提示 DNS 的對應可能需要 24 小時。不過,在這裡可以按下「Recheck Nameservers」,以確認 CloudFlare 是否已經接手網站的 DNS。

[教學] 註冊申請 CloudFlare CDN 網址綁定 DNS 設定_210



沒意外的話,應該很快就銜接上了。看到了「Overview」頁面,並處於「Status:Active」就表示 DNS 成功運行在 CloudFlare 了。另外,日後需要補充或修改 DNS 資料,選取畫面上方的「DNS 頁籤」就能夠進行修編的動作了。

[教學] 註冊申請 CloudFlare CDN 網址綁定 DNS 設定_211



到這裡,CloudFlare DNS 設定就完成了。接著,在 Email 信箱 CloudFlare 也寄來了一封,開始使用 CloudFlare 免費計劃的信件;可以觀看相關的建議步驟、分析與安全性能檢查。

[教學] 註冊申請 CloudFlare CDN 網址綁定 DNS 設定_212



相關文章

[教學] Blogger 自訂網址套用 CloudFlare Flexible SSL 設定全流程

Blogger 使用 CloudFlare CDN、DNS 的幾點心得

[教學] Cloudflare 啟用 Authy 兩步驟驗證登入設定

Blogger 自訂網址使用 CloudFlare Flexible SSL 設定 HTTPS

Blogger 啟用 Cloudflare HTTPS 之後問題總整理


留言

  1. http://imgur.com/tezOOlK

    An MX record was not found for your root domain. An MX record is required for mail to reach @try2try3.cf addresses.

    請問這個該怎麼設定或是沒設定會不會怎麼樣??? 謝謝

    回覆刪除
    回覆
    1. 那個是「MX 記錄(電子郵件綁定自有域名)」,如果之前沒有設過就沒有關係;有設置過「MX 記錄」的話,再將數據填入 Cloudflare 的 DNS 中即可。

      刪除
  2. 請問一下
    我設定成功了 但是
    我查主機位置卻還是顯示GOOGLE

    是需要時間還是設定失敗了 謝謝

    回覆刪除
    回覆
    1. DNS 對接,有時候會不隱,要視 DNS 平台而定。可以等候一段時間後,再觀察對接狀態。

      刪除
  3. 這個查詢網站 資料顯示Google
    http://www.whoishostingthis.com/

    另外一個網站查詢 顯示Cloudflare

    http://tracker.derekr.com/whois/

    怎麼會這樣? 破功了嗎? 哈哈哈哈哈

    回覆刪除
    回覆
    1. 剛觀察 try2try3.cf,代管已經由 Cloudflare 接手了。

      刪除
  4. 會不會是第一個網站 我在未使用Cloudflare之前有查詢過
    所以他就紀錄了原始資料?

    回覆刪除
    回覆
    1. 先等一段時間,之後再觀察實際情況。

      刪除
    2. 感謝您
      我想請問一下
      CloudFlare有封鎖ip段的功能 原本的blogger本身是否沒有此功能
      如果封鎖美國的ip段 blogger或CloudFlare 會造成影響嗎?
      謝謝

      刪除
    3. 如果完全封鎖該 ip 段,即表示該區段 ip 無法進入網站。不過還是可以用 VPN 轉到網站。

      Blogger 本身由 Google 管理,使用上不用擔心網站會被駭;除非是自己在網站中放入了有問題的程式代碼。


      自己在設定時,是使用開放的方式,將最常進入技研可樂的訪客的國家都做開放,但也不設置封鎖;ip 的部份則是開放家中的 ip 做一些試驗。試過使用匿名瀏覽器登入技研可樂,Cloudflare 會自動設置一個驗證頁面,通過驗證才能進入網站。

      刪除
  5. HI COKE,目前正在操作這則教學。

    我把CLOUDFLARE跟我的GODADDY DNS數據一模一樣,但因為我一開始就沒有信箱的轉址所以沒有了MX這一個設定值。

    但等待了約一小時卻還是在 PENDING的狀態,不知道是哪裡出了問題@@

    TTL的時間我全部都選AUTO,但GODADDY DNS那邊則是自訂的時間,會是這個關係嗎?(設定錯誤?)

    另外,Domain Summary的部分有跑出一個 API Zone ID:***** 這個有需要用到嗎? 謝謝

    回覆刪除
    回覆
    1. 我把CLOUDFLARE跟我的GODADDY DNS數據一模一樣,但因為我一開始就沒有信箱的轉址所以沒有了MX這一個設定值。

      但等待了約一小時卻還是在 PENDING的狀態,不知道是哪裡出了問題@@

      ---

      本身沒有 MX 則無妨,Henry 目前是卡在 STEP2 的哪張圖片。滑鼠移到文章圖片,會有編號。




      ===================




      TTL的時間我全部都選AUTO,但GODADDY DNS那邊則是自訂的時間,會是這個關係嗎?(設定錯誤?)

      另外,Domain Summary的部分有跑出一個 API Zone ID:***** 這個有需要用到嗎? 謝謝


      ---

      應該不會有問題,我使用另外一個 Godaddy 上面的網址套用 CloudFlare HTTPS 整體下來,三分鐘左右完成。應該是有步驟設錯。



      刪除
    2. 搞定了!成功ACTIVE~

      GODADDY的部分藥用變更Nameserver的方式,需要手動把預設改成"自訂"的狀態後才能初先空白欄位輸入。

      輸入後GODADDY的控制面板會淨空! 附上圖補充說明!

      https://i.imgur.com/zxIf3Qq.jpg

      刪除
  6. HI COKE好久不見^^

    目前CLOUDFLARE的設定應該都是正常的,網址如下:

    https://www.wanghenry.com

    (正常的吧?)

    而我想請問的是,在之前使用CLOUDFLARE託管之前都會在GODADDY上面用子網域的方式將某篇文章設成apk.wanghenry.com的轉址也有成功。

    雖然之前有成功轉址,但中途又把這功能取消,現在又想要加回來此功能~

    (舉例:想把 www.wanghenry.com/2017/12/12345.html 用成 apk.wanghenry.com,輸入apk.wanghenry.com 就可以自動轉到www.wanghenry.com/2017/12/12345.html )

    但因為太久沒有操作DNS了,憑著印象操作卻達不到想要效果,不知道是不是要先把DNS的管理權回給GODADDY,然後手動設定A 還是C NAME?

    印象中是這樣設定

    https://i.imgur.com/yZhg2h8.jpg


    接著再把DNS管理權綁回CLOUDFLARE、然後手動加入A(還是CNAME)?

    謝謝~

    PS:對SEO來說,假設關鍵字的分數相同,是不是該篇文章網址越短、越有優勢?也因為有優勢,所以搜尋排行會比較前面?

    回覆刪除
    回覆
    1. hi 哈囉!

      DNS 被 cloudflare 接管之後,如果再移出回 godaddy 的話,HTTPS 就會失效。可能會有很長一段時間,訪客會無法進入你的網站。

      cloudflare 上面可能沒有相關單一網址轉向至其他網域的功能,可以 Google 搜尋看看是否有相關案例。

      -------------------------------

      :對SEO來說,假設關鍵字的分數相同,是不是該篇文章網址越短、越有優勢?也因為有優勢,所以搜尋排行會比較前面?

      a:網址的結構越短,會香對吃香。

      「www.wanghenry.com/12345.html」會比「www.wanghenry.com/2017/12/12345.html」來的好。也有一說,帶上日期「/2017/12/」的網址格式會比較好,這得自行重複試驗,搜尋規則可能會依時間拉長而改變。

      不過,我比較傾向網址格式越單純越好的「www.wanghenry.com/12345.html」。

      網址的「關鍵字」中,如果有連接單詞「in、of ...」之類的,可以不用放入,盡量放入重點「關鍵字」。

      刪除
  7. 謝謝回覆。DNS設定的部分主要是在Godaddy那邊設定的時候出不來A紀錄的ip。

    A紀錄那邊只會寫forward。

    因此無法對應。


    不過之前有設定其他的網誌,目前也是正常的轉址的動作 ex: http://fb.wanghenry.com 可以轉到粉絲團,這個就是成功的設定。

    只是脫離當初時間點太久了,無法回憶起當初是怎樣設定的,哈哈。

    另外,DNS代管權轉移回Godaddy的部分,我有嘗試過幾次都只會出現短暫的空窗期,把管轄權丟回cloudflare後又會恢復正常了。

    目前還在努力回想當初怎麼把轉址的功能用起來的 (ー_ー)!!

    謝謝

    回覆刪除
    回覆
    1. DNS 代管權轉移回 Godaddy,沒錯,應該只會出現相當短的銜接期。目前用過,DNS 轉換最快的就是 Godaddy,Google Domain 也蠻快的。

      祝成功。

      刪除
    2. 謝謝Coke。

      話說你是買Google domain 服務的網域嗎?

      Godaddy聽說續約時的價格都沒有很漂亮,哈哈。

      谷歌的不知道有沒有划算些。

      刪除
    3. Google Domain 和 Namecheap 都有,

      name.com 和 Godaddy 大部份網址都轉到 Google Domain 了。

      Google Domain 大都和一般網域供應商價格一樣,

      不過 Google Domain 和 Namecheap 一樣也有送隱私保護,

      如果網址本來就在 Godaddy 的話,不用特意轉到 Google Domain,

      Google Domain 目前還沒開放台灣用戶註冊,

      要用美國地址才可買或轉入 Google Domain。

      Godaddy 已全面中文化,DNS 速度快,也支援兩步驗證。

      刪除
◎ 留言板中提問「代碼」問題,可至『留言代碼轉換器』轉換代碼。

張貼留言

繼續閱讀:

這個網誌中的熱門文章

[密技] Windows OneDrive Dropbox 移至 SD 卡,讓 SSD 使用壽命更長久

[外掛] Chrome 擴充:ColorPick Eyedropper 網頁色碼擷取器

[教學] Google Compute Engine ( GCE ) 使用 PuTTY SSH 登入實例

Line 分享按鈕:文章分享語法相容網頁版、行動裝置、APP

[教學] Twitter 手機簡訊、APP 兩步驟驗證設定

[教學] Facebook APP ID 申請,建立應用程式取得 APP 密鑰

[教學] LINE 電腦版行動條碼登入設定

[外掛] Chrome 擴充:Window Resizer 瀏覽器視窗大小調整比例

[教學] 使用 PuTTYgen 產生 SSH 連線 RSA、DSA 公鑰與私鑰

[教學] Blogger 自訂網址綁定自有域名