[unboxing][hrads]

熱門標籤

☆重要訊息:Blogger 官方近期推出的「RWD 自適應範本主題」沒有『行動服務』的設定選項,如果您是觀察「技研可樂」裡的文章做自己網站的設計,使用「自適應範本主題」的使用者可以直接依「技研可樂」文章裡的『電腦版』方式做設定即可完成佈置,不需要開啟『行動服務』。☆

  Blogger 自訂網址應用 CloudFlare HTTPS 系列文章:「CloudFlare

  Blogger HTTPS 相關文章列表:「HTTPS

  Blogger AdSense 廣告放置與相關自適應廣告佈屬文章列表:「AdSense

  Blogger 常用頁面判斷式用法一列表:「Blogger 常用頁面判斷式用法一覽表

[教學] 註冊申請 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 之後問題總整理



分享

共有 14 則留言

留言迴響
陳阿其
管理員
7/02/2016 10:48 AM ×

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.

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

回覆
avatar
陳阿其
管理員
7/02/2016 11:14 AM ×

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

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

回覆
avatar
陳阿其
管理員
7/02/2016 11:53 AM ×

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

另外一個網站查詢 顯示Cloudflare

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

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

回覆
avatar
陳阿其
管理員
7/02/2016 11:56 AM ×

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

回覆
avatar
coke tech
管理員
7/02/2016 10:16 PM ×

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

回覆
avatar
coke tech
管理員
7/02/2016 10:19 PM ×

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

回覆
avatar
coke tech
管理員
7/02/2016 10:20 PM ×

先等一段時間,之後再觀察實際情況。

回覆
avatar
coke tech
管理員
7/02/2016 10:21 PM ×

剛觀察 try2try3.cf,代管已經由 Cloudflare 接手了。

回覆
avatar
陳阿其
管理員
7/03/2016 12:27 AM ×

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

回覆
avatar
coke tech
管理員
7/03/2016 12:50 AM ×

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

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


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

回覆
avatar
Wang Henry
管理員
3/20/2017 3:09 AM ×

HI COKE,目前正在操作這則教學。

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

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

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

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

回覆
avatar
coke tech
管理員
3/20/2017 3:43 AM ×

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

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

---

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




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




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

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


---

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



回覆
avatar
Wang Henry
管理員
3/20/2017 11:51 AM ×

搞定了!成功ACTIVE~

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

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

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

回覆
avatar
coke tech
管理員
3/20/2017 9:15 PM ×

恭喜啦 :)

回覆
avatar

加入代碼加入代碼

若您在閱覽文章時,於文章頁面找不到相關的應用主題,歡迎移駕到『站內留言』一起研究討論,謝謝!

使用超連結:<a href="https://www.techcoke.com/">技研可樂</a> =『技研可樂

加入圖片 ( https ):支援 HTTPS 網址型式的 .jpg .png 格式圖檔,直接貼入 HTTPS 圖片網址即可在留言時顯示!

支援非嵌入 Youtube 視頻:https://www.youtube.com/watch?v=hdfSISI24Xk (* 瀏覽器網址列中的 Youtube 網址 )

&&amp;'&#039;"&quot;<&lt;>&gt;
技研可樂 © 2013 - 2017

Contact Form

Name

Email *

Message *