如何给你的网站套上Cloudflare(以阿里云为例)

news/2024/5/21 3:49:11/文章来源:https://blog.csdn.net/zhyl8157121/article/details/100551592

文章目录

    • Cloudflare 是什么
    • 准备工作
    • 开搞
      • Cloudflare 设置
      • 阿里云域名设置
      • 等待
      • 设置 DNS 解析记录
      • 其他问题
      • 看下效果
    • 结尾

Cloudflare 是什么

以下内容引自维基百科:

Cloudflare是一間總部位於舊金山的美國跨國IT企業,以向客戶提供基於反向代理的內容傳遞網路(Content Delivery Network, CDN)及分佈式域名解析服務(Distributed Domain Name Server)為主要業務。Cloudflare可以幫助受保護站點抵禦包拒絕服務攻擊等網絡攻擊,確保該網站長期在線,同時提升網站的性能、載入速度以改善訪客體驗。

从上面的描述能看出来,Cloudflare 主要能做以下几件事:

  • CDN
  • DDNS

说人话的话,上面这些有啥作用呢:

  • 提升安全(抵御攻击、隐藏主站地址)
  • 提升性能(提升载入速度)

当然,Cloudflare 还有其他好多功能,防火墙啊、统计分析啊,啥啥的,这里也就不赘述了,感兴趣的朋友可以去官网了解一下。

对了,Cloudflare 的部分功能是收费的。

具体的收费策略可以看下图:

在这里插入图片描述

不过对于个人站长或者个人网站来说,最最基础的免费版本就足够了,因为我们想要的无非就是让网站在各地的访问速度都能快一点,可以的话,顺便提升下网站性能。最重要的,生命在于折腾,闲着也是闲着,有免费的东西可以折腾,为什么不上?

上面划线部分请自动屏蔽。

好了,闲话少说,这不是一个介绍 Cloudflare 的广告贴,这是一个教大家怎么在把阿里云上的网站套一层 Cloudflare 的技术贴。

准备工作

需要准备以下几样东西:

  • 有独立IP的服务器(比如我的是阿里云vps)
  • 拥有控制权的域名(比如我的是 bottle.studio
  • Cloudflare 账号

以上几样缺一不可,准备好了我们就开始。

对了,多说一句,因为咱们下面的教程都是直接使用的相关网站,样式、步骤什么的可能会在以后有区别,我也不能保证以后网站变化了也会来更新本博客,大家在看的时候注意领会精神,样式再怎么变,需要做的事就是那些。

开搞

Cloudflare 设置

1、先点击 Add Site,把域名添加上,然后下一步

在这里插入图片描述

2、选择一个付费方案,这里我们选择免费的,然后下一步

在这里插入图片描述

3、检测已有 DNS 记录,这里 Cloudflare 会把能检索到的 DNS 记录都列在下面,这里我们先不用管,直接下一步

在这里插入图片描述

4、替换 DNS 服务器地址,先记录下来 Cloudflare 让我们替换的内容

在这里插入图片描述

阿里云域名设置

1、进入阿里云域名控制台

在这里插入图片描述

2、选择 DNS 修改

在这里插入图片描述

3、把我们从 Cloudflare 那拿到的 DNS 服务器地址填上

在这里插入图片描述

等待

至此,需要设置的内容已经基本完成,剩下的就是等待。

先回 Cloudflare,点击下面的「Check nameservers」,当然,如果你之前已经把页面关了,也无所谓,因为这个就是个跳转,会跳转到当前域名的 overview 页面,如下图:

在这里插入图片描述

我们现在需要做的,就是等。

一般24小时之内会完成,完成之后会收到邮件通知。

我这个例子里面从设置完成到收到邮件,前后10分钟左右。

下面是我收到的邮件通知。
在这里插入图片描述

设置 DNS 解析记录

可以看到,我们的域名已经在 Cloudflare 控制台的 DNS 解析记录里面了,添加解析记录什么的和其他网站的都是一样的。

在这里插入图片描述

这里说一下最右面一列「Proxy Status」的含义:

名称含义
DNS only - wildcard域名通配符,只解析DNS,不代理,每个域名只有一个
DNS only只解析DNS,不代理
Proxied解析DNS,同时该记录要经过代理

经过代理可以理解为启用 CDN。

后面大家根据需求灵活设置就好。

其他问题

1、刚刚设置好的网站不可访问

刚刚设置好的网站,由于本机的 DNS 缓存问题,可能会造成无法访问的情况,解决方法也很简单,刷新本机 DNS 缓存就可以。

具体方法可以参考:这篇文章

2、阿里云的域名解析还有用么

没用了,域名解析的服务器都没有用阿里云的了,以后直接用 Cloudflare 的就可以。

看下效果

最后我们来看一下效果。

现在访问我的网站 http://bottle.studio,查看以下ip地址。

在这里插入图片描述

可以看到网站的真实 IP 已经被隐藏,显示的是 CDN(Cloudflare)的 IP 地址。

在这里插入图片描述

结尾

至此,以阿里云为例的 Cloudflare 使用已经完成。

其他的 CDN 大同小异,比如百度云的 CDN、七牛的 CDN。

网站的样式和操作的逻辑可能有些许不同,但核心思想一定是一样的。

这里总结一下我们的操作步骤(账号申请、购买域名、购买服务器这些不算哈):

1、Cloudflare 中添加网站,获取 DNS 服务器地址

2、在阿里云的域名控制台,修改域名的 DNS 服务器地址

3、等待解析生效

4、在 Cloudflare 中设置 DNS 解析记录

当然,使用 Cloudflare 也不是没有缺点,最明显的就有一个:他的服务器在国外。

从我上面的 IP 地址就能看出来,人家服务器在美国,所以国内的访问速度可能不升反降。

对国外访问可能会更友好,但是国内的话,嘿嘿,就要做点取舍了。

希望大家折腾的开心,哪天有时间,我再折腾一篇其他 CDN 的使用教程出来。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_825510.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

sun.com跳转到oracle.com,sun网站logo变更

今天准备下载最新版本的jdk时,发现sun网站logo已经改为oracle, 色调风格也与oracle一致。 http://java.sun.com/j2se: jdk下载页面: sun.com 跳转至oracle 怀念一下原来的sun页面:

企业版自助发卡平台源码_自助建站之PageAdmin、凡科建站、Wordpress如何选择?

国内互联网发展这么多年,网站建设行业的技术发展已经很成熟,以前做网站只能找专业网站建设公司,到现在的自助建站,技术壁垒几乎不存在,自助建站是现在,也是未来的发展趋势。自助建站分为在线建站平台和独立…

创建自己的个人网站(一)

在学习过程中,我们想要将自己的作品发布到网上,创建个人网站,以下是个人网站搭建的简单介绍。(建议建站前,了解常用linux指令) 步骤:1.注册域名2.开通云服务器3.搭建网站环境4.发布网站内容5.域…

如何建立个人网站?先分享一下

写在最前 一直想建立一个自己的网站,无奈本人是个没有恒心和耐心的人,现在终于决定动手试一下了,结果发现查到的教程不是太简单了,就是啰嗦到我不想读下去,所以我决定弄好了自己写一篇。嘻嘻,建网站的目的…

搭建个人网站(详细教程)

一、概述(列举利用域名对接自己的博客) 本篇博客具有较高的实用性,如果你有足够耐心阅读并操作下去的话,你一定能获得意外的收获。如果你有耐心访问www.007svip.cn或者007svip.cn的话,你会发现进入的是我的博客首页。我…

如何搭建个人网站

首先,申明下本文所指的新人是指会上网站看网页,会自己聊QQ,会在新浪、网易等平台上写博客的人。当然你要说这个只要会上网的人都会了,是的,我所指的新人就是会上网的人。所以本文的技术含量不会很高,高手可…

前端开发者需要知道的网站

很开心与你们分享一些前端工程师需要了解的网站,当然,只要你是开发者,也不妨了解一下。ok,lets go ! 1. Flat UI https://flatuicolors.com/ 比较适用的配色方案,方便,适合自己搭配网站2. Canvas画布…

如何搭建个人网站(内容详细,适合新手)

大家在网上自行搜索相关题目,会有很多的文章啦。那,如果你跟我一样。作为一个小白,没有专业知识,但热衷想体验一番。可以看看以下内容,这是我刚踩完坑后的(粗略)经验,分享给大家。 经历昨晚几个小时的研究&…

Java民宿网站管理系统

🔥作者主页:bug刘🔥 💖简介: 简历模板、学习资料、面试题库【关注我,都给你】💖 工具下载链接😎😎😎: JDK版本下载 Eclipse下载链接 Mysql下载链…

2021-08-30-CR-006 Python爬虫 使用requests和BeautifulSoup爬取网站上的代理服务器列表,每天一个爬虫小技巧

这里爬取西拉代理的高匿服务器列表 先分析页面的格式 这里可以看出来页面的第几页就是链接后面加数字和斜杠 然后测试下第一页也是可以的,2000页就是一个循环即可调整url 需要的数据在网页源代码的table里面,用BeautifulSoup即可选择 出来 代码&#xf…

创建个人网站(一) 如何申请一个网站

文章来源:http://jingyan.baidu.com/article/aa6a2c14df86650d4c19c4ce.html 建一个网站不需要多少钱,但用途是很多的。如果你经营有方,完全可以通过广告挣出网站费用。今天小编就告诉大家如何在万网申请并建立一个网站。 小编提示&#xff…

创建个人网站(二) 网站备案

来源:http://jingyan.baidu.com/article/358570f661b3a6ce4724fcf0.html 本系列上一篇经验我们学习了如何申请一个网站,包括申请域名和购买空间等。但是购买的网站域名和空间是不可以直接用的。我们国家规定所有国内网站必须先进行备案。 现在我们就学…

个人网站建立-1.1

1.使用 HBuilder X写出大致框架 开头添加了一个图片链接 <img src"../img/1.img.webp"/ width"100%" alt"背景图"> 2.用css描述样式&#xff1a; 3.效果图:

个人网站建立-1.2

&#xff08;遇到问题1&#xff1a;如何实现页面内跳转且导航栏保留&#xff09; 1.想到一个笨办法:把每个页面都写上导航栏代码&#xff08;后期再优化&#xff09; 这样跳转到其他部分导航栏也在&#xff0c;问题解决. &#xff08;后续补充每个板块内容&#xff09;

个人网站建立-1.3

优化-使用background语法设置背景图&#xff0c;更改背景图为高清图 删除原‘wx’类&#xff0c;在body里添加background 效果图&#xff1a;

个人网站建立-1.4

主页丰富&#xff08;脑子容量有限&#xff0c;见谅&#xff09; 添加介绍&#xff1a;欢迎来到我的个人网站~~ 在主页html里添加&#xff1a; <div id"text"> <p>欢迎来到我的个人网站~~</p> </div> 用css修…

个人网站建立-1.5

细节优化 和 添加单独css 及 代码注释添加 1.细节优化: 更改‘主页html’名字为-homepage.html 2.添加单独css分类命名: 3.添加必要注释

个人网站建立-1.6

1.主页继续丰富 &#xff08;使用position&#xff1a;fixed进行定位&#xff09; 2.板块自我介绍丰富 1.使用iframe标签进行内嵌框架 <div class"self"> <iframe frameborder"0" align"top" src"me1.html"…

个人网站建立-1.7

1.常用网站板坏丰富 1.统计常用网站的网址和图片 2.添加图片超链接&#xff1a; <div id"self"> <h3>生活网站</h3> <hr /> <a href"http://www.baidu.com" target"_bl…

个人网站建立-1.8

1.板块我的照片丰富 1.使用iframe标签添加框架 <div id"p"> <iframe frameborder"0" align"top" src"picture1.html" width"560px" height"550px"></iframe> <…