Day 14:个人开发者的 Cloudflare 通关指南-将域名托管到 Cloudflare

一、前言

Cloudflare 托管域名,免费 CDN 加速,免费申请 SSL 证书,相比于其他平台,这些对个人开发者而言无疑有着绝对的吸引力,这期我们就一起看一下如何将我们的域名托管到 Cloudflare,并且完成 CDN 加速。

首先要完成 Cloudflare 的账号注册,这里我就不赘述了,官网地址:www.cloudflare-cn.com/

以及域名注册,无论你是哪个平台,要准备一个域名。

二、托管域名

2.1. 添加连接域

点击右上角 【添加】--> 【连接域】

填写好自己要托管的域名

点击 【继续】,选中免费计划

进入最后一步引导配置页面

这里我用的是之前在腾讯解析过的域名,所以这里会给我之前的配置带过来,先不管它。

2.2. 激活 Cloudflare

  • 第一步:登录您的 DNS 提供商

根据最后一步指引,这里我的是腾讯买的域名,所以我登录腾讯云后台,找到了域名管理的地方,如果你用的是其他平台,找到你域名管理的地方。找到 DNS 解析的地方。

  • 第二步:确保 DNSSEC 已关闭

这里我以腾讯云为例,腾讯云这个是要付费的,所以如果你没有付过费,大概率不用管,忽略这一步就行。

具体位置:

  • 第三步:将您当前的名称服务器替换为 Cloudflare 名称服务器

将腾讯云DNS服务器改成 Cloudflare 提供的

点击提交后就完成了所有步骤

过一会儿你就会收到邮件提示

刷新页面,变成活动状态。

这个时候托管已经完成,但是域名解析有点乱,因为我们之前是在腾讯云做的域名解析,现在托管给了Cloudflare,理论上来说后续我们可以不用管腾讯云了。为了统一管理,我将腾讯云平台的全部删了,这个会影响当前网站的运行,所以如果对你目前网站有影响请谨慎操作。

Cloudflare 之前自己扫描过来的DNS记录也全部删除掉

这个时候再去访问我们之前的站点,已经崩了

2.3. 域名解析

重新添加域名解析,IPv4 填你服务器的外网IP

保存后,重新刷新一下 www.csyblog.cn/,恢复正常了。

三、启用 Cloudflare 代理与 CDN 服务

💡 这里简单科普一下什么是 CDN

Content Delivery Network,内容分发网络,由地理上分散的服务器组成,当用户请求访问特定内容时,CDN 可以从最接近用户的服务器提供缓存的内容,从而减少了传输延迟和网络拥塞。

大白话就是,把东西提前放到离你最近的地方,让你不用千里迢迢去取

那么 CDN 的好处也就显而易见了:

  1. 速度飞快: 把网站内容(图片、视频等)复制到离你最近的服务器上,让你几乎感觉不到延迟,看视频、刷网页更顺畅。
  2. **扛得住高并发:**即使成千上万人同时访问同一个热门网站(比如抢票、双十一),CDN能把流量分散到各个节点,网站不容易崩溃。
  3. **更省钱:**减轻了原始服务器的压力和带宽消耗,为网站所有者节省了成本。
  4. **更安全:**像一道防线,能帮助抵御一些网络攻击(比如 DDoS 攻击),保护源站服务器。
  5. **更稳定可靠:**如果一个 CDN 节点出问题了,会自动切换到其他正常节点,保证用户还能正常访问,不会中断。

在开启 CDN 之前先看一个现象,我们 ping 一下没开启服务之前的域名(如果发现 ping 不通,可能需要等一会儿,因为刚刚添加的解析),会发现可以直接ping 出来我们服务器的真实 IP,通常情况服务器IP直接暴露是存在一定风险的。

开启代理非常简单,我们只需要在 DNS 记录,编辑开启即可

当你启用 Cloudflare 的代理功能时,Cloudflare CDN 服务也就启用了。

我们再 ping 一下域名,会发现 IP 已经不是我们服务器的 IP 了,当然这也会有一点延迟,所以第一时间 ping 出的如果还是服务器 IP,并不代表代理失败了,只需要等个 5-10 分钟,再验证一下即可。

四、申请 SSL/TLS 证书

之前我使用的是腾讯云的,也是免费的,但是需要每3个月换一次,有点麻烦。

点击【概述】--> 【配置】

选则【完全】--> 【保存】

点击左侧菜单【源服务器】--> 【创建证书】

这里默认选项就行,默认证书有效期15年,根据自己需要调整主机名,这里默认是顶级域名和通配符下所有二级域名。

点击 【创建】,这个时候就生成了证书和密钥,在 nginx 配置上即可。

注意这里的密钥 key 只会显示一次,如果不小心忘记复制了,那只能把原来的证书撤销了,重新创建一个。

五、总结

域名托管、cdn加速、ssl 证书这是一个站点最基础的配置,无论你使用哪个平台,其实本质都是一样的,无非就是付费差异,Cloudflare 的优势就在于它的免费计划几乎能够涵盖个人开发的前期所有需要。

千里之行,始于足下。你的"个人公司"从这第一个2小时开始。欢迎在评论区分享你的进展或遇到的卡点,我会逐一查看,尽可能的帮助解决。我们下一篇文章见!

相关推荐
申阳1 小时前
Day 13:个人开发者的 Cloudflare 通关指南-R2对象存储搭建高速免费图床
前端·后端·程序员
nvd111 小时前
niri 音频图形界面工具
前端·chrome·音视频
凯哥19701 小时前
彻底解决 Windsurf 在 Vue DevTools 无法精准定位的问题
前端
凡人程序员1 小时前
微前端qiankun接入的问题
前端·javascript
CharlieWang1 小时前
AI Elements Vue,帮助你更快的构建 AI 应用程序
前端·人工智能·chatgpt
新晨4371 小时前
JavaScript map() 方法:从工具到编程哲学的升华
前端·javascript
少卿1 小时前
Webpack 构建流程全解:从源码到产物的“奇幻漂流”
前端·webpack
西瓜树枝1 小时前
前端必读:HTTP 协议核心知识全景图(三)—— 响应头详解
前端·http
码途进化论1 小时前
Vue3 + Vite 系统中 SVG 图标和 Element Plus 图标的整合实战
前端·javascript·vue.js