当前位置: 首页 > news >正文

为应用程序接入阿里云CDN优化网站访问速度

文章目录

    • 1.KodCloud云盘系统接入CDN之前的效果
    • 2.配置KodCloud云盘接入CDN加速器
      • 2.1.添加CDN域名
      • 2.2.配置域名信息
      • 2.3.CDN推荐配置设置
      • 2.4.CDN加速器配置完成
    • 3.配置云解析DNS增加CDN域名的解析
    • 4.为CDN加速器配置HTTPS
    • 5.验证网站是否接入CDN
    • 6.访问应用程序观察请求速度
    • 7.观察CDN分布式缓存的实现效果

网站接入CDN的前提必须域名要备案,否则无法使用。

如果你的域名没有进行备案,但是你有真实的域名,在配置CDN的时候加速区域可以选择全球非中国大陆,通过这种配置可以去验证CDN的效果,配置完成后,可以购买一台海外的Windows服务器,通过这个Windows服务器验证CDN加速器。

如果网站必须采用HTTPS加密访问,那么接入CDN后,也需要在CDN中配置HTTPS,否则无法访问。

1.KodCloud云盘系统接入CDN之前的效果

我们可以在cmd中ping云盘系统的域名,可以看到解析到了SLB负载均衡器的地址上。

image-20220127132314134

也可以在这个网站中https://tool.chinaz.com/查询各个地区访问云盘系统的解析地址,如下图所示,云盘系统各省访问的地址全都是SLB负载均衡的地址,SLB在北京机房,偏远地区的访问速度会大大降低并且也会存在超时的现象,如下图所示。
在这里插入图片描述

2.配置KodCloud云盘接入CDN加速器

2.1.添加CDN域名

进入CDN控制台后点击域名管理—>添加域名。

image-20220127133339820

2.2.配置域名信息

1)配置要加速的域名以及加速类型

在加速域名中添加kodcloud的域名kodcloud.jiangxl.com.cn—>业务类型选择图片小文件—>加速区域为仅中国内地。

第一次添加域名时会要求进行验证,根据提示内容添加一条DNS解析记录即可。

如果业务覆盖全球则要选择全球范围。

image-20220127142041071

2)配置CDN回源信息

用户请求的数据,CDN不存在时则会回源,在这里配置CDN要向哪里进行回源请求数据。

点击新增源站信息。

image-20220127142249076

源站信息的种类有很多种,生产环境中都会选择使用OSS域名的形式,一般静态资源都会存储在OSS中,但是kodcloud没有将静态资源分离出来,因此我们只能选择IP类型,如果选择源站域名还是填写kodcloud.jiangxl.com.cn的话,最终还是会被DNS解析到CDN这里,从而无法回源。

如果场景是CDN必须回源到程序所在的WEB服务器,而不是其他服务器,那么就需要使用IP类型的方式,使CDN回源时跳过CDN域名解析直达WEB服务器。

源站信息选择IP类型—>填写SLB负载均衡的IP地址—>网站是https类型访问端口填写443。

由于我们的网站是强转HTTPS,因此回源的端口必须填写443,否则就会导致网站无法访问,如果你的应用程序是HTTP访问模式,那么填写80端口即可。

image-20220216131548903

源站信息添加完成点击下一步。

image-20220216131618083

2.3.CDN推荐配置设置

推荐配置中保持默认即可,只需要开启页面优化以及智能压缩等属性即可。

image-20220127154535978

2.4.CDN加速器配置完成

CDN配置完成后会返回一个CNAME记录值,也就是CDN提供的域名,我们需要在域名的DNS解析中增加这个CNAME解析。

image-20220127154801103

3.配置云解析DNS增加CDN域名的解析

打开云解析DNS控制台,找到我们要解析的域名。

点击添加记录—>记录类型选择CNAME—>主机记录为kodcloud—>记录自为kodcloud.jiangxl.com.cn.w.kunlunsl.com

添加完成后kodcloud.jiangxl.com.cn域名就会被解析到kodcloud.jiangxl.com.cn.w.kunlunsl.com这里。

如果kodcloud.jiangxl.com.cn域名的解析记录存在A记录则需要事先删除。

image-20220127155506773

4.为CDN加速器配置HTTPS

我们的网站是HTTPS加密访问的,并且使用HTTP访问会自动跳转至HTTPS,因此我们也需要给CDN配置HTTPS,否则是无法访问的。

1)点击域名管理—>找到我们的域名—>点击管理—>点击HTTPS配置—>修改配置。

image-20220216105638662

2)开启HTTPS安全加速—>证书来源选择云盾—>证书名称找到kodcloud域名的证书—>点击确定即可。

image-20220216105751363

3)配置完成。

image-20220216105850761

5.验证网站是否接入CDN

当网站接入CDN之后,使用ping命令测试网站域名时,就会被解析成由CDN提供的域名,我们可以通过ping命令来验证CDN加速器的配置效果。

当我们执行ping命令后,返回的解析地址不再是SLB的地址,而是直接由CNAME解析记录指向了CDN提供的域名,然后解析到了离访问用户最近的边缘节点,由边缘节点提供资源访问。

image-20220215221105906

也可以在ping.chinaz.com网站中检测kodcloud云盘的速度,如下图,已经显示了我们使用了阿里云的CDN加速服务,并且不同地区的用户访问云盘系统都会有不同的解析地址。

image-20220127170026687

6.访问应用程序观察请求速度

CDN也配置了HTTPS,此时网站也可以正常通过HTTPS进行访问,接入CDN后访问速度明显有提升。

F12调试页面在请求表头中看到了kunlun的字符串就表示网站接入了CDN。

image-20220216111158778

另外也可以在kodcloud中上传一个视频,由不同地区的用户分别执行wget命令去下载验证下载速度。

7.观察CDN分布式缓存的实现效果

我们可以在kodcloud服务中上传一个视频文件,然后让不同地区的主机去下载,观察不同地区主机解析kodcloud域名的地址以及下载速度。

1)呼和浩特地区的主机

CDN解析地址为124.238.245.57,下载速度为14.2MB/s。

image-20220215232538099

1)杭州地区的主机

CDN解析地址为101.226.27.208,下载速度为13.4MB/s,也可以在百度上查询解析地址的地理位置。

image-20220215232323173

相关文章:

为应用程序接入阿里云CDN优化网站访问速度

文章目录 1.KodCloud云盘系统接入CDN之前的效果2.配置KodCloud云盘接入CDN加速器2.1.添加CDN域名2.2.配置域名信息2.3.CDN推荐配置设置2.4.CDN加速器配置完成 3.配置云解析DNS增加CDN域名的解析4.为CDN加速器配置HTTPS5.验证网站是否接入CDN6.访问应用程序观察请求速度7.观察CD…...

索引设计规范

索引是帮助数据库高效获取数据的数据结构。索引是加速查询的常用技术手段。在设计索引时,要遵循索引设计规范,避免不必要的踩坑。 【推荐】索引存储结构推荐BTREE InnoDB和MyISAM存储引擎表,索引类型必须为BTRER,MEMORY表可以根…...

Appium 2安装与使用java对Android进行自动化测试

文章目录 1、Appium 2.1安装1.1、系统要求1.2、安装Appium2.1服务1.3、安装UiAutomator2驱动1.4、安装Android SDK platform tools1.5、下载OpenJDK 2、Android自动代码例子2.1、安装Android自动化测试元素定位工具Appium Inspector2.2、编写android app自动化测试代码和使用ex…...

小程序运营方式有哪些?如何构建小程序运营框架?

​如今,每个企业基本都做过至少一个小程序,但由于小程序本身不具备流量、也很少有自然流量,因此并不是每个企业都懂如何运营小程序。想了解小程序运营方式方法有哪些? 在正式运营小程序前,了解小程序的功能与企业实际经…...

【golang】for语句和switch语句

使用携带range子句的for语句时需要注意哪些细节? numbers1 : []int{1, 2, 3, 4, 5, 6} for i : range numbers1 {if i 3 {numbers1[i] | i} } fmt.Println(numbers1)这段代码执行后会打印出什么内容? 答案:[1 2 3 7 5 6] 当for语句被执行…...

三、数据库索引

1、索引介绍 索引是一种用于快速查询和检索数据的数据结构,其本质可以看成是一种排序好的数据结构。 常见的索引结构有:B数,B树,Hash和红黑树等。在MySQL中,无论是 InnoDB还是MyISAM,都使用了B树作为索引…...

长时间带什么耳机最舒服,分享长时间佩戴舒服的耳机推荐

时代在进步,科技在不断革新。近年来,一种崭新的耳机——骨传导耳机,如火如荼地进驻耳机市场,引起一阵热潮。不论是平日里的工作出勤还是运动时的挥洒汗水,相比传统耳机,骨传导耳机无疑更加贴合现代生活的需…...

Yolov8小目标检测(1)

💡💡💡本文目标:通过原始基于yolov8的红外弱小目标检测,训练得到初版模型,进行问题点分析; 💡💡💡Yolo小目标检测,独家首发创新(原创),适用于Yolov5、Yolov7、Yolov8等各个Yolo系列,专栏文章提供每一步步骤和源码,带你轻松实现小目标检测涨点 💡💡…...

GPS定位漂移问题分析

有很多种因素会影响到GPS的准确率,以下是一个GPS误差引入简表: l 卫星时钟误差:0-1.5米 l 卫星轨道误差:1-5米 l 电离层引入的误差:0-30米 l 大气层引入的误差:0-30米 l 接收机…...

前端简介(HTML+CSS+JS)

学习Django过程中遇到一些前端相关的内容,于是整理了一下相关概念。 前端开发是创建WEB页面或APP等前端界面呈现给用户的过程。 如果只是想要入门前端,只要学习网页三剑客(HTML、CSS、JavaScript)即可。 如果把网页比喻成一个房子,HTML就是…...

List与String数组互转

一.List 转为 String 数组 1.使用toArray方法 public static void main(String[] args) {List<String> list Lists.newArrayList("1","2","3");// Java6以前版本String[] str1 list.toArray(new String[list.size()]);// Java6以后版本…...

MySQL中的数据类型

文章目录 1 常见的数据类型2 整数类型2.1 属性 M2.2 属性 UNSIGNED2.3 属性 ZEROFILL2.4 整数类型的适用场景 3 浮点类型4 定点类型5 位类型6 日期与时间类型6.1 YEAR 类型6.2 DATE 类型6.3 TIME 类型6.4 DATETIME 类型6.5 TIMESTAMP 类型 1 常见的数据类型 类型类型分类整数类…...

python多任务

​ 一、多任务 1.1 概念 多任务就是指&#xff1a;同一时间能执行多个任务。比方我们的电脑能一边QQ聊天&#xff0c;一边写论文&#xff0c;还能听歌。 1.2 多任务的优势&#xff1a; 多任务的最大好处是 充分利用CPU资源&#xff0c;提高程序的执行效率。 1.3 多任务的两种表…...

c语言 - inline关键字(内联函数)

概念 在编程中&#xff0c;inline是一个关键字&#xff0c;用于修饰函数。inline函数是一种对编译器的提示&#xff0c;表示这个函数在编译时应该进行内联展开。 内联展开是指将函数的代码插入到调用该函数的地方&#xff0c;而不是通过函数调用的方式执行。这样可以减少函数调…...

如何在Ubuntu 18.04上安装PHP 7.4并搭建本地开发环境

引言 PHP是一种流行的服务器脚本语言&#xff0c;用于创建动态和交互式web页面。开始使用你选择的语言是学习编程的第一步。 本教程将指导您在Ubuntu上安装PHP 7.4&#xff0c;并通过命令行设置本地编程环境。您还将安装依赖管理器Composer&#xff0c;并通过运行脚本来测试您…...

狭义相对论

文章目录 一、为什么光速不变&#xff1f;二、为什么爱因斯坦坚信“相对性原理”三、逻辑和数学显威力&#xff0c;狭义相对论时空变换&#xff08;洛伦兹变换&#xff09;推导四、新时空变换带来的新时空观1、有关相对论时间的“傻问题”2、关于相对论的“怪问题”3、关于“双…...

仓库使用综合练习

目录 1、使用mysql:5.6和 owncloud 镜像&#xff0c;构建一个个人网盘。 2、安装搭建私有仓库 Harbor 3、编写Dockerfile制作Web应用系统nginx镜像&#xff0c;生成镜像nginx:v1.1&#xff0c;并推送其到私有仓库。 4、Dockerfile快速搭建自己专属的LAMP环境&#xff0c;生…...

如何在前端实现WebSocket发送和接收TCP消息(多线程模式)

目录 第一步&#xff1a;创建WebSocket连接第二步&#xff1a;监听WebSocket事件第三步&#xff1a;发送消息第四步&#xff1a;后端处理函数说明 当在前端实现WebSocket发送和接收TCP消息时&#xff0c;可以使用以下步骤来实现多线程模式。本文将详细介绍如何在前端实现WebSoc…...

VB.NET通过VB6 ActiveX DLL调用PowerBasic及FreeBasic动态库

前面说的Delphi通过Activex DLL同时调用PowerBasic和FreeBasic写的DLL&#xff0c;是在WINDOWS基础平台上完成的。 而 .NET平台是架在WINDOWS基础平台之上的&#xff0c;它的上面VB.NET或C#等开发的APP程序&#xff0c;下面写一下用VB.NET&#xff0c;通过VB6注册的Activex DLL…...

怎样不引入图片实现前端css实现x关闭按钮

首先初始化一个dom节点 <span class"closeButton"></span>设置样式 .closeButton {width: 12px;height: 12px;margin-top: 5px;margin-right: 5px;float: right;cursor: pointer;color: #105c86;}通过伪元素before after画两条线 margin-left 的设置是…...

浏览器访问 AWS ECS 上部署的 Docker 容器(监听 80 端口)

✅ 一、ECS 服务配置 Dockerfile 确保监听 80 端口 EXPOSE 80 CMD ["nginx", "-g", "daemon off;"]或 EXPOSE 80 CMD ["python3", "-m", "http.server", "80"]任务定义&#xff08;Task Definition&…...

MPNet:旋转机械轻量化故障诊断模型详解python代码复现

目录 一、问题背景与挑战 二、MPNet核心架构 2.1 多分支特征融合模块(MBFM) 2.2 残差注意力金字塔模块(RAPM) 2.2.1 空间金字塔注意力(SPA) 2.2.2 金字塔残差块(PRBlock) 2.3 分类器设计 三、关键技术突破 3.1 多尺度特征融合 3.2 轻量化设计策略 3.3 抗噪声…...

React 第五十五节 Router 中 useAsyncError的使用详解

前言 useAsyncError 是 React Router v6.4 引入的一个钩子&#xff0c;用于处理异步操作&#xff08;如数据加载&#xff09;中的错误。下面我将详细解释其用途并提供代码示例。 一、useAsyncError 用途 处理异步错误&#xff1a;捕获在 loader 或 action 中发生的异步错误替…...

Cesium1.95中高性能加载1500个点

一、基本方式&#xff1a; 图标使用.png比.svg性能要好 <template><div id"cesiumContainer"></div><div class"toolbar"><button id"resetButton">重新生成点</button><span id"countDisplay&qu…...

鸿蒙中用HarmonyOS SDK应用服务 HarmonyOS5开发一个医院查看报告小程序

一、开发环境准备 ​​工具安装​​&#xff1a; 下载安装DevEco Studio 4.0&#xff08;支持HarmonyOS 5&#xff09;配置HarmonyOS SDK 5.0确保Node.js版本≥14 ​​项目初始化​​&#xff1a; ohpm init harmony/hospital-report-app 二、核心功能模块实现 1. 报告列表…...

04-初识css

一、css样式引入 1.1.内部样式 <div style"width: 100px;"></div>1.2.外部样式 1.2.1.外部样式1 <style>.aa {width: 100px;} </style> <div class"aa"></div>1.2.2.外部样式2 <!-- rel内表面引入的是style样…...

微信小程序云开发平台MySQL的连接方式

注&#xff1a;微信小程序云开发平台指的是腾讯云开发 先给结论&#xff1a;微信小程序云开发平台的MySQL&#xff0c;无法通过获取数据库连接信息的方式进行连接&#xff0c;连接只能通过云开发的SDK连接&#xff0c;具体要参考官方文档&#xff1a; 为什么&#xff1f; 因为…...

iOS性能调优实战:借助克魔(KeyMob)与常用工具深度洞察App瓶颈

在日常iOS开发过程中&#xff0c;性能问题往往是最令人头疼的一类Bug。尤其是在App上线前的压测阶段或是处理用户反馈的高发期&#xff0c;开发者往往需要面对卡顿、崩溃、能耗异常、日志混乱等一系列问题。这些问题表面上看似偶发&#xff0c;但背后往往隐藏着系统资源调度不当…...

A2A JS SDK 完整教程:快速入门指南

目录 什么是 A2A JS SDK?A2A JS 安装与设置A2A JS 核心概念创建你的第一个 A2A JS 代理A2A JS 服务端开发A2A JS 客户端使用A2A JS 高级特性A2A JS 最佳实践A2A JS 故障排除 什么是 A2A JS SDK? A2A JS SDK 是一个专为 JavaScript/TypeScript 开发者设计的强大库&#xff…...

人机融合智能 | “人智交互”跨学科新领域

本文系统地提出基于“以人为中心AI(HCAI)”理念的人-人工智能交互(人智交互)这一跨学科新领域及框架,定义人智交互领域的理念、基本理论和关键问题、方法、开发流程和参与团队等,阐述提出人智交互新领域的意义。然后,提出人智交互研究的三种新范式取向以及它们的意义。最后,总结…...