Cloudflare Featured Image

【网站架设教学】如何免费提升网站速度与安全性 ? Cloudfare 设定 + 教学 #3

文章最后更新于 2020/10/08

网站载入速度开始缓慢 ?收到骇客的攻击 ? 可能大家想到的解决方法可能是从主机商升价配套增加宽带,或在 WordPress 安装外挂去防止骇客的入侵。这些方法确实是有帮助到网站,但是今天我会介绍一款 DNS 代管商,无需花钱,无需安装软件,无需更改代码,就能免费使用他们的优质服务,提高我们网站的速度和安全性。

什么是 Cloudflare ?

Cloudflare Logo

Cloudflare 创立于 2009 年,由 3 位关键人物一同创造,分别是 Matthew Prince ,Michelle Zatlyn 和 Lee Holloway。Cloudflare 至今已经列入世界最大的网络之一,大大小小的公司企业网站都逐渐选择 Cloudflare 作为一个工具去提升他们网站的速度与安全,其中就包括了 Canva 平面设计平台,Mozilla Firefox 浏览器以及 Carousell 亚洲著名的 C2C 购物平台。想了解更多与 Cloudflare 合作的客户,可以查看与 Cloudflare 一起合作过的公司企业案例资讯

Cloudflare CDN 节点

Cloudflare 主要的功能其实就是提供“内容交付网络”服务也就是 CDN(Content Delivery Network)。这项功能能够把网站的资料分散到世界各地的数据中心,从而让顾客能够更快速的进入到网站,有效的消除网站缓冲的时间 !Cloudflare 也在全球 200 座城市中建设自家的数据中心,而且还会持续增加,其中也包括了马来西亚吉隆坡

Cloudflare 的运作模式

除了提高载入速度以外,改善网站的安全性也是 CDN 主要特点之一,像 Cloudflare 免费版本就有提供 DDos 的防护。它主要是让网站不会“赤裸裸”的让各种恶意流量入侵,因为网站的 DNS 记录会重新导向到 CDN ,所以所有浏览者都必须要透过 CDN 才能进入到网站。

使用 Cloudflare 有什么好处?

降低网站加载时间

Cloudflare Latency Graph

使用 Cloudflare 的 CDN 最主要其中一个好处就是它能够有效的降低网站加载的时间。使用 CDN 的网站会把网站的数据像是 HTML 文件,图像,影片,JavaScript 等等,传送的世界各地的数据中心,一旦有使用者浏览网站,浏览器就会自动接受到最靠近使用者的数据中心,不再需要从网络主机读取数据,而且大幅的降低了载入网站的时间。

假如我在马来西亚想浏览一个汽车网站,而网站的主机是位于美国,这时候如果网站有在使用 Cloudflare 或类似的 CDN 服务器,我的浏览器就会自动读取最靠近马来西亚的数据中心,让我能够更快速的进入到网站。

降低主机带宽成本

Bandwidth

使用 Cloudflare 的 CDN 也能够有效的降低网站所使用的主机带宽。问题来了,那主机带宽(hosting bandwidth) 是什么?

主机带宽(hosting bandwidth)是什么?

他其实是网站和主机之间数据传送的数量,一旦主机超出限定带宽,使用者将无法访问该网站。会超出限定带宽主要有 2 个因素,分别是:

  • 网站的使用者数量开始增加
  • 网页的大小,像是影片,图像,HTML,CSS,JavaScript 等等的容量逐渐变大

但如果有在使用 Cloudflare 的网站,网站就会经由 CDN 的优化功能,减少了主机数据传送的数量,间接性的也降低了主机的带宽成本。

降低网站故障问题

网站故障

相信你曾经也听说过,或者自己曾经历过主机发生故障导致网站无法访问,或者使用者突然暴涨导致网站瘫痪。这些问题都是因为使用者浏览网站时候,都需要特地从主机请求网站的数据才能够访问该网站,一旦主机发生任何问题像是,硬件损坏或使用者流量超出限制,使用者将无法访问该网站,重则还可能会损失许多金钱上的交易。

Cloudflare Anycast Network

但是如果拥有 CDN 服务的网站,这项功能可以有效的处理网站的流量,因为使用者不再需要特地从主机请求数据,而是到最靠近他们地区的 CDN 服务器就能获得网站的数据。因此我们的主机就不会面临到请求突然暴增,而导致网站瘫痪的情况。

即便 Cloudflare 其中一个数据中心的硬件发生故障,他们的路由器也会随机的寻找并转移到可用的数据中心,也确保所有的使用者能够顺利的进入到网站。

加强网站的安全性

除了提高网站的速度以外,加强网站的安全性也是其中一个会推荐使用 CDN 服务的原因。CDN 主要会提供 SSL 安全证书,DDos 防护系统,以及其他优化和防护系统来提高网站的安全 !像 Cloudflare 的免费版本就有提供 DDos 的防护系统。

什么是 DDos 攻击 ?

DDos Attack

DDos (Distributed Denial-Of-Service)是一种骇客的攻击手段,他们会使用恶意软件(Malware)去感染能够连接到互联网的设备,例如手机和电脑。一旦这些科技设备被感染,骇客就能够自由的操控这些设备,并且运用这些设备发起攻击(这些被感染设备我们称之为 bot,而组成一群的 bot 我们称之为 botnet)。

其中一种攻击方式就是一旦你的网站成为骇客的攻击目标,他们就会开始操控这群 botnet ,运用 botnet 持续的向你的网站主机发送庞大数量的请求,导致主机瘫痪,让使用者无法载入到网站。

Cloudflare 设定教学

今天我会教大家如何使用 Cloudflare 来链接到我到我在上一篇在 Namecheap 购买的网域,如果还没有购买网域的朋友可以点击这里查看我在 Namecheap 购买网域的教学文章:【网站架设教学】Namecheap 网域名称注册 + 验证设定 !#2

在今天的教学中,我会分别使用 Namecheap 注册商和 Godaddy 注册商来进行 Cloudflare 的 DNS 代管设定。如果你是使用 Namecheap 和 Godaddy 以外的注册商也别担心,因为操作设定都是大同小异,通常只需要在登入到网域账号,然后寻找网域的名称伺服器(Name Server)并且更改为 Cloudflare 所提供的名称伺服器就完成 DNS 代管设定了 !

Namecheap 注册商 + Cloudflare 设定

step 1

在还没开始设定前,我们先前往 Cloudflare 网页注册一个账户。

Cloudflare 网页

step 2

填写注册电子邮件和密码后,这里就填写你的网域名称,然后点击【添加站点】

step 3

完成添加我们的网域后,我们就可以选择 Cloudflare 的配套。这里我们就选择免费的配套,然后点击【确认计划】。如果日后网站开始逐渐扩大,想要附加其他防护功能,Cloudflare 也能让客户自由的升级配套。

Cloudflare 配套

step 4

确认计划后,Cloudflare 就会搜索我们网域的 DNS 记录,以下就是 9centure.xyz 的 DNS 记录。这里我们就不需要做任何设定,让它预设就好,然后再点击 【继续】

Cloudflare 搜索网域 DNS 的记录 (Namecheap)

step 5

来到这里我们就会看到 Cloudflare 所提供的 2 个名称服务器的网址,我们必须要前往我们的网域替换名称服务器才能 Cloudflare 代管我们的网域 DNS。所以这里我们就原封不动(千万别把网页关了!),先前往我们的 Namecheap 账号进行更改网域 DNS 的设定。

Cloudflare 名称服务器的网址

step 6

要更改名称服务器前,我们必须先登入到我们网域账号进行设定。因为上一篇教学文章我使用了 Namecheap 注册网域,所以会用回同样的网域进行 Cloudflare 的 DNS 代管设定。首先,我们先登入到 Namecheap 账号,然后点选 【Domain List】

Namecheap 账号管理

step 7

在 Domain List 里面你就可以看见你所有在 Namecheap 所注册的网域。选择你想要链接到 Cloudflare 的网域后,就选择 【Manage】进入到网域的管理中心。

Namecheap 网域列表

step 8

进入到网域的管理中心后,往下滑你就会看见我们需要更改的名称服务器也就是 Nameservers。在 Namecheap BasicDNS 中的选项中,我们把它改为 【Custom DNS】,这样我们才能客制化我们的 DNS 网址,让 Cloudflare 代管。

Namecheap 网域管理中心

step 9

这时候我们再回到我们的 Cloudflare 网页,把 Cloudflare 所提供的 2 个名称服务器的网址复制起来。

Cloudflare 名称服务器网址

step 10

然后再回到 Namecheap 的网域管理中心,在 Custom DNS 的下方贴上在上一个步骤所复制的网址。

Namecheap 名称服务器网址更换

step 11

完成复制后,我们就可以回到我们的 Cloudflare 网页点击 【完成,检查名称服务器】,让 Cloudflare 去查看是否能够连接到该网域。

Cloudflare 完成更换名称服务器

step 12

这里我们就会看到 Cloudflare 的基本设定,不过我们先暂时不做任何设定,点击【稍后设置】

Cloudflare 基本设定

step 13

点选稍后设置后,我们就成功进入到 Cloudflare 的账号中心。因为 Cloudflare 要花一点时间去搜查我们网域的名称服务器,所以我们这里可以点击【立刻重新检查】让 Cloudflare 立即执行检查,过程只需要数分钟 Cloudflare 就会完成检查并且会发送一则通知 E-Mail 到我们的电子邮件。

Cloudflare 管理中心

step 14

大概过了几分钟后,你就会收到 Cloudflare 成功代管网域 DNS 的通知 E-Mail。

Cloudflare 成功 DNS 代管通知 E-Mail

step 15

回到 Cloudflare 账号中心,如果你看见你的网域显示着 “有效” 状态,代表已经成功的把网域 DNS 交由 Cloudflare 代管 !

Cloudflare 成功代管网域 DNS

GoDaddy 注册商 + Cloudflare 设定

step 1

完成填写 Cloudflare 的注册账号后,填写我们的网域名称,然后点击 【Add site】

Cloudflare 输入网域名称

step 2

点击 Add site 后,Cloudflare 就会搜索我们网域的 DNS 记录,以下就是这个的网站的 DNS 记录。这里我们就不需要做任何设定,让它预设就好,然后再点击 【Continue】。如果你发现我的 DNS 记录和你的不同,这是属于正常的现象,可能你是其他注册商,或者你已经建立了自己的网站,想再让 Cloudflare 代管 DNS 都会造成 DNS 的记录的差异。

Cloudflare 搜索网域 DNS 的记录 (GoDaddy)

step 3

来到这里我们就会看到 Cloudflare 所提供的 2 个名称服务器的网址,我们必须要前往我们的网域替换名称服务器才能 Cloudflare 代管我们的网域 DNS。所以这里我们就原封不动(千万别把网页关了!),先点击 【GoDaddy account】 前往我们的 GoDaddy 账号进行更改网域 DNS 的设定。

Cloudflare 名称服务器的网址(GoDaddy)

step 4

登入到 GoDaddy 账号后,在右上角点选你的注册名字,然后点击 【My Products】前往到你所购买的网域管理中心。

GoDaddy 账号中心

step 5

进入到网域管理中心后,这里会显示所有你购买过的网域。寻找你要连接到 Cloudflare 的网域,然后在右侧点击 【DNS】 进入到网域的 DNS 管理中心。

GoDaddy 管理中心

step 6

进入到 DNS 管理中心后,往下滑就会看到网域的名称服务器(Nameservers) ,这里就是我们主要需更换的地方。点击【Change】后,再前往下一个步骤。

GoDaddy DNS 管理中心

step 7

来到这里后,因为我们是属于客制化我们的 Nameservers 连接 Cloudflare,所以我们往左下角点击 【Enter my own nameservers (advanced)】进行 DNS 网址更换。

GoDaddy Nameservers 管理中心

step 8

这时候我们再回到我们的 Cloudflare 网页,把 Cloudflare 所提供的 2 个名称服务器的网址复制起来。

Cloudflare Nameservers 网址

step 9

完成贴上后,就可以点击【Save】把 Cloudflare 提供的网址储存起来。

***注意:如果在接下来进行的过程中出现各种 “错误信息” 先别着急,通常只需要刷新网页,然后重新贴上 Cloudflare 的网址就可以继续下个步骤了。

GoDaddy DNS 网址更换

step 10

点击 Save ,他会再一次确认你是否要更换 Nameserver 的网址。勾选确认后,就可以点击 【Continue】。

GoDaddy 更改 Nameserver 网址确认通知

step 11

回到 DNS 管理中心后,你会发现 DNS 的记录出现以下的信息,解释说无法显示 DNS 的资料,因为不是由他们管理。这说明我们网域的 DNS 连接到 Cloudflare ,让他们代管。

DNS 正式由 Cloudlfare 代管

step 12

我们就可以回到我们的 Cloudflare 网页点击 【Done, check nameservers】,让 Cloudflare 再一次确认是否能够连接到该网域。

Cloudflare 完成更换名称服务器

step 13

这里我们就先不做任何设定,所以点击 【Finish later】

step 14

回到 Cloudflare 账号中心,如果你看见你的网域显示着 “Active” 状态,代表已经成功的把网域 DNS 交由 Cloudflare 代管 !大功告成 !

Cloudflare 成功代管网域 DNS

step 15

随后大概几分钟后,你也将会收到来自 Cloudflare 和 GoDaddy 的通知 E-Mail。

Cloudflare 和 GoDaddy Email 通知

完成设定

在最后呢,记得也别忘记确认 Cloudflare 所注册的电邮信箱 !我们成功连接到 Cloudflare,下一步就是最关键,也是成立网站的最后一步了。我会在下一篇文章中,教大家如何把我们的所注册的网域连接到我们网路主机 ,建立属于你自己的 WordPress 网站 !

如果对文章内容有任何问题,欢迎在在下方留言让我知道。
如果你喜欢我的文章,记得在网页的左手边或下方,按下你想要分享的社交媒体。
记得在右上角填写电邮信箱,这样才不会错过网站最新分享的文章!
by Mister.Kendall 的探索笔记

网上赚钱方法

网站架设基础教学

更多资讯文章

留言区

Scroll to Top