【玩转 EdgeOne】我的个人酷炫3D博客可以用EO加速吗?

2023-10-19 16:15:22 浏览数 (2)

前言

网站打开速度慢!图片加载慢!!文件下载慢!!!慢慢慢!!!!

不用烦恼,EdgeOne作为下一代CDN 来帮您!!!!

之前宏哥搭建的静态个人2D博客由于资源和钞能力的关系访问就特别的慢,后来宏哥在cloud studio的征文活动中搭建的个人酷炫3D博客一方面可能是由于免费使用的缘故,另一方面是由于3D加载的资源文件较多而且是动态的造成访问的速度给宏哥的体验也是不尽人意,这速度就连宏哥自己这关都过不去,更何况让读者访问你的博客进行文章的阅读了。。。虽然宏哥的3D博客酷炫,但是没有卵用-访问速度是硬伤啊!!!之前也考虑加入CDN对其进行加速,但是好多CDN 只能加速静态内容,对动态内容没有加速效果。虽然也引入过但是效果微乎其微。

首先,我们来看看宏哥搭建的个人酷炫3D博客长什么样子:

宏哥的这个广告牌分别是云社区、博客园和公众号点击可以跳转到对应网址宏哥的这个广告牌分别是云社区、博客园和公众号点击可以跳转到对应网址

这次宏哥听说EdgeOne作为下一代CDN支持动态加速。宏哥带着疑问的心态试用一下加速效果如何???这里的效果宏哥打个问号,试过了才知道。宏哥还是在cloud Studio中搭建好,然后进行加速。具体步骤可以看宏哥之前的文章:【玩转 Cloud Studio】五分钟搭建个人酷炫3D博客(含源码)宏哥这里就不进行赘述了。

支持动态加速支持动态加速

1.什么是 CDN?

CDN (全称 Content Delivery Network),即内容分发网络)是构建在现有互联网基础之上的一层智能虚拟网络,通过在网络各处部署节点服务器,实现将源站静态内容分发至所有 CDN 节点,使用户可以就近获得所需的内容。CDN 服务缩短了用户查看内容的访问延迟,降低网络拥塞,提高了用户访问网站的响应速度与网站的可用性,解决了网络带宽小、用户访问量大、网点分布不均等问题。

不是十分理解?来来来,我们举个栗子!

你在网上买了一本书,从卖家主仓库发货,正常快递周期三到四天能收到。卖家为了提升购物体验,让卖家快速收到心爱的书本,在全国各地建了一些小型仓库,当你下单买书的时候,系统会根据你的收货地址就近发货,收货周期缩短至一到两天,购物体验指数直线飙升!下次还来你家买!!

网站服务器就类似卖家主仓库,CDN 节点就类似小型仓库,将我们需要的资源缓存在 CDN 节点上,就近获取资源,从而达到加速访问网站的目的。

CDN 的关键技术主要有内容存储和分发技术,简单来讲,CDN 就是根据用户位置分配最近的资源

于是,用户在上网的时候不用直接访问源站,而是访问离他 “最近的” 一个 CDN 节点,术语叫「边缘节点」,其实就是缓存了源站内容的代理服务器。如下图:

2.原理分析

在没有应用 CDN 时,我们使用域名访问某一个站点时的路径为:

用户提交域名→浏览器对域名进行解释→DNS 解析得到目的主机的IP地址→根据IP地址访问发出请求→得到请求数据并回复

应用 CDN 后,DNS 返回的不再是 IP 地址,而是一个 CNAME (Canonical Name) 别名记录,指向 CDN 的全局负载均衡

CNAME 实际上在域名解析的过程中承担了中间人(或者说代理)的角色,这是 CDN 实现的关键。

3.CDN 是怎么工作的?

想要深入了解 CDN 的工作流程,请看下图:

用户请求流程说明:

  1. 用户在浏览器输入要访问的网站域名 http://www.example.com,向本地 DNS 发起域名解析请求。
  2. 本地 DNS 检查缓存中是否有 http://www.example.com 的 IP 地址记录。如果有,则直接返回给终端用户;如果没有,则向网站授权 DNS 查询。
  3. 网站 DNS 服务器解析发现域名已经解析到了 CNAME:www.example.com.c.cdnhwc1.com。
  4. 请求被指向 CDN 服务。
  5. CDN 对域名进行智能解析,将响应速度最快的 CDN 节点 IP 地址返回给本地 DNS。
  6. 用户获取响应速度最快的 CDN 节点 IP 地址。
  7. 浏览器在得到最佳节点的 IP 地址以后,向 CDN 节点发出访问请求。
  • 如果该 IP 地址对应的节点已缓存该资源,节点将数据直接返回给用户,如图中步骤 7 和 8,请求结束。
  • 如果该 IP 地址对应的节点未缓存该资源,节点回源拉取资源。获取资源后,结合用户自定义配置的缓存策略,将资源缓存至节点,如图中的北京节点,并返回给用户,请求结束。配置缓存策略的操作方法,请参见缓存配置。

4.什么样的网站适合用 CDN?

我有一个微信小程序,可以用 CDN 加速吗?

我有一个分享图片的个人摄影作品网站,可以用 CDN 加速吗??

我有一个...... 可以用 CDN 加速吗???

想要知道一个网站或者 APP 或者小程序能不能用 CDN 加速?

首先,要明白我们网站内容是什么类型。

我们平时访问的网站,有的内容是静态的,有的是动态的...

  • 静态内容:每次访问得到的都是相同的文件,例如:图片、视频、网站中的文件(html、css、js)、软件安装包、apk 文件、压缩包文件等。
  • 动态内容:每次访问得到的都是不同的文件,例如:网站中的文件(asp、jsp、php、perl、cgi)、API 接口、数据库交互请求等。
  • 伪静态内容:界面显示是以 html 等静态形式,但其实是用 ASP 一类的动态脚本来处理的。伪静态内容本质上还是动态,作动态内容处理。

传统的CDN 只能加速静态内容,对动态内容没有加速效果。当您的网站存在比较多的动态内容时, 腾讯云边缘安全加速平台EdgeOne作为下一代CDN为您提供动静混合资源请求加速场景,可以优化请求的响应时间和稳定性,为网站提供优质、流畅的访问体验服务。

然后,根据网站内容和业务选择合适的业务类型,请参照边缘安全加速平台 EO 概述-站点加速-文档中心-腾讯云 (tencent.com)。

最后,接入 腾讯云边缘安全加速平台,请参考宏哥的:从零开始配置 腾讯云边缘安全加速平台

5.从零接入EdgeOne

5.1注册登录

新用户需要注册一个账号(老用户直接登录即可),按步骤注册即可。

5.2实名认证

新老用户没有实名认证的都需要实名认证的,否则是没有办法接入EdgeOne的。实名认证也非常简单。

1.点击右上角的【用户名】,然后点击【实名认证】,如下图所示:

2.在实名认证页面,选择【开始个人认证】或者【开始企业认证】,按步骤进行认证即可。如下图所示:

5.3开始接入EdgeOne

接入EdgeOne的步骤根据官方文档大致分为五步,如下图所示:

5.3.1添加站点

登录到平台实名认证后,我们就开始接入EO的第一步,添加3D博客的站点到EO中。

1.点击【控制台】,如下图所示:

2.点击【云产品】,在搜索框输入EdgeOne,查询出EO,点击【边缘安全加速平台EO】,(或直接进入这个链接)。如下图所示:

3.记得之前要实名认证,不然就会出现实名认证页面,如下图所示:

4.实名认证好,进入EdgeOne页面,如下图所示:

5.点击【添加站点】,如下图所示:

6.点击【添加站点】后,进入站点添加页面 ,这里需要填写主域名,填写完了后点击【下一步】。如下图所示:

5.3.2绑定套餐

站点添加成功后,我们需要绑定套餐,我们开始接入EO的第二步。为我们添加的站点绑定套餐。

1.绑定套餐有两种方式:①选购新套餐;②绑定已购套餐。如下图所示:

2.宏哥之前没有购买过,所以这里演示“选购新套餐”,由于兜里毛毛的问题,宏哥这里演示选中“个人版”,勾选同意协议,然后点击【下一步】。如下图所示:

3.点击【下一步】后,进入套餐费用说明界面,如下图所示:

4.点击【前往购买】,如下图所示:

5.点击【前往购买】后,进入支付页面,点击【去支付】,如下图所示:

6.点击【去支付】后,进入支付订单页面,选择支付方式,点击【下一步】,如下图所示:

7.再次选择支付方式,如下图所示:

8.扫描支付完毕,出现如下图所示:

5.3.3选择接入模式

绑定完套餐后,点击【返回】,点击【下一步】。进入接入EO的第三步:接入模式的选择。

1.这块根据自己的需求去选择,宏哥这边选择默认的接入模式。然后点击【下一步】,如下图所示:

5.3.4添加加速域名

接入模式选择后,开始接入EO的第四步:添加加速域名。

1.接入模式选择后,平台会提示域名验证,根据提示验证域名归属权,如下图所示:

2.验证完域名后,我们在左边的菜单点击站点列表,选择我们刚才接入的站点。

3.进入站点后,点击左边的域名服务,找到域名管理,进行加速域名的添加。

4.配置子域名,配置完了后,点击下一步。

5.下一步后会推荐你一些配置,需要根据自己的情况进行配置,我是加速博客所以选择了第一个。

6.然后我们,将得到的域名配置信息,到域名管理那块,进行配置

7.解析好了后,点击完成,就可以等待EdgeOne的部署了。

5.3.5完成接入

1.添加加速域名后,等待EdgeOne部署完成后,就可以访问宏哥的3D博客了。但是此时访问时会发现网址出现证书不安全的红色告警提示。如下图所示:

2.然后查询官方文档发现加速的域名没有在平台配置证书,而我的3D博客网址是https,才会出现这个问题。因此需要配置EO平台的https证书。

3.点击左边的域名服务,找到【域名管理】-【HTTPS证书】-【编辑】(可以看到未配置),点击编辑后,出现如下图所示:

4.勾选【申请免费证书】,点击【确定】。如下图所示;

5.配置完成后,就可以正常访问博客了(没有那个证书安全提示了),而且明显感觉到速速嗖嗖的。如下图所示:

6.注意事项

个人版套餐包含了每月50G流量和300万次请求,正常使用肯定是够了,但是群众里面有坏人啊,万一被刷这点根本不够用的,文档里说超过额度就会开启计费,欠费24小时后才会终止服务,这24小时估计房子都是腾讯的了。你说没有上限阈值设置也就罢了,告警功能个人用户也无法使用,被打了你也不知道,只有等24小时后后准备接听腾讯的催费电话。宏哥说的有点夸张或者是杞人忧天,但是需要后续更新可以加上这个关键点。

0 人点赞