AI助理直击要害,从繁复中提炼精华——使用CDN加速访问OSS存储的图片

本文涉及的产品
对象存储 OSS,20GB 3个月
.cn 域名,1个 12个月
对象存储 OSS,恶意文件检测 1000次 1年
简介: 本案例介绍如何利用AI助理快速实现OSS存储的图片接入CDN,以加速图片访问。通过AI助理提炼关键操作步骤,避免在复杂文档中寻找解决方案。主要步骤包括开通CDN、添加加速域名、配置CNAME等。实测显示,接入CDN后图片加载时间显著缩短,验证了加速效果。此方法大幅提高了操作效率,降低了学习成本。

案例简述

在本案例中,您将学习如何使用AI助理来帮助您快速为OSS中存储的图片接入CDN,实现CDN为访问图片加速的目标。AI助理将为您从各个参考文档中精炼提取出必须且关键的操作步骤,从而抛去从繁杂文档的海洋中寻找解决方案的过程。

前置步骤

为了对比验证将OSS图片接入CDN的加速效果验证,您可以在配置前进行访问资源,先记录一下原始资源加载速度用以接入CDN后的效果对照。在此处尝试访问OSS中的9.png资源。

image.png

可以得到一张可爱的猫咪图片。鼠标右键选择检查或键盘输入F12,打开网页检查页面,刷新页面,可以看到该图片资源加载的时间为1.54秒。 image.png

使用AI助理获取关键操作并执行

1. 向AI助手提问,获取关键步骤

点击阿里云官网右下角AI助理图标,向AI助理提问:

我想要CDN加速托管在OSS上的图片,当前OSS访问域名也是托管在阿里云的上(pics.seafuture.cc),应该怎么做?

得到结果:

image.png

根据AI助理给的方案,您可以通过以下几个关键步骤实现:

开通CDN并添加加速域名 → 配置CNAME 配置CDN缓存策略(可选) 优化图片访问性能(可选) 绑定加速域名到OSS(可选) 指定CDN回源HOST为加速域名(可选)


2. 根据AI助手提供的方案将您的OSS图片资源接入CDN实现加速

2.1 开通CDN并添加加速域名

2.1.1 登录CDN控制台,添加域名

image.png

将我们准备加速的OSS域名 pics.seafuture.cc 填入加速域名字段。

image.png

2.1.2 新增源站信息,添加OSS为源站

在源站信息中选择 OSS域名,并在对应的域名下拉框中选择图片Bucket对应的域名,点击确定即可。

image.png

2.1.3 选择一键配置后,获取CNAME值

image.png

复制系统分配的CNAME值。

image.png


2.2 配置CNAME

将获得的CNAME值添加至阿里云云解析DNS记录中。记录类型选择CNAME,主机记录填写pics,记录值字段将复制获得的CNAME粘贴即可。

image.png

配置完成后,我们等待几分钟后,观察到CDN控制台中的加速域名状态为正常运行即可完成配置。由于前面我们选择了一键配置,且AI助理给出的其余的其余步骤均为可选,到这里我们就已经完成了OSS图片接入CDN。

image.png

2.3 接入验证

在完成接入后,我们使用 http://pics.seafuture.cc/9.png 尝试访问OSS中的9.png图片资源来检查一下是否接入CDN。

image.png

可以看到,可以正常访问到这张猫咪的图片。鼠标右键选择检查或键盘输入F12,打开网页检查页面,查看一下本次资源的加载时间为694ms,相较于未接入前的1.54s有了超过一倍的速度提升。

image.png

那是确实是接入了CDN才使得访问资源变快了吗,该怎么看是否命中缓存了呢?为了取消浏览器本身缓存的干扰,我们可以在检查页面选择 网络页签 并选择勾选 禁用缓存 选项后,刷新网页。在网络页签中点击图片资源,然后查看标头栏,在响应标头处我们可以看到有一个响应头 X-Cache:HITTCP_MEM_HIT dirn:-2:-2,即表示该资源是命中了CDN节点中的缓存资源。

image.png


案例优势

相较于直接在繁多的操作文档中去搜寻到您需要的关键步骤,而且这些步骤可能就是简单的几步,有时候是大海捞针的过程。AI助理在此刻便可以将您需要的信息为您筛选出来,如同本案例中CDN的作用一般,大幅的提升了您的学习效率,降低学习的成本。

相关实践学习
Serverless极速搭建Hexo博客
本场景介绍如何使用阿里云函数计算服务命令行工具快速搭建一个Hexo博客。
目录
相关文章
|
8天前
|
人工智能 Serverless
AI助理精准匹配,为您推荐方案——如何添加一个Stable Difussion图像生成应用
介绍了一种利用AI助手快速获取并搭建Stable Diffusion图像生成应用的方法。用户只需在阿里云官网向AI助手提出需求,即可获得详细的实施方案。随后,按照AI助手提供的方案,通过函数计算部署应用,并进行测试。此过程显著提升了开发效率。
46 1
AI助理精准匹配,为您推荐方案——如何添加一个Stable Difussion图像生成应用
|
8天前
|
存储 网络安全 对象存储
缺乏中间证书导致通过HTTPS协议访问OSS异常
【10月更文挑战第4天】缺乏中间证书导致通过HTTPS协议访问OSS异常
25 4
|
8天前
|
人工智能 Serverless API
AI助理精准匹配,为您推荐方案——如何快速在网站上增加一个AI助手
通过向AI助理提问的方式,生成一个技术方案:在网站上增加一个AI助手,提供7*24的全天候服务,即时回答用户的问题和解决他们可能遇到的问题,无需等待人工客服上班,显著提升用户体验。
85 3
|
8天前
|
存储 人工智能 Serverless
妙用AI助理帮您定方案、找细节
当您希望在繁琐的文档中迷失方向时,AI助理能为您提供清晰指引,助您轻松实现加速配置与获取核心代码参数,显著简化开发流程。无论是方案获取还是寻找细节,只需向AI助理提问,即可获得详细步骤与示例代码,大幅提升工作效率。点击右下角的AI助理,即刻体验便捷服务。
79 1
|
23小时前
|
算法 Java Linux
java制作海报四:java BufferedImage 转 InputStream 上传至OSS。png 图片合成到模板(另一个图片)上时,透明部分变成了黑色
这篇文章主要介绍了如何将Java中的BufferedImage对象转换为InputStream以上传至OSS,并解决了png图片合成时透明部分变黑的问题。
|
数据挖掘 人工智能 算法框架/工具
AI可以通过图片找BUG吗?闲鱼给出了他们的实践结果
随着AI技术的不断发展,TensorFlow大热,也给测试手段带来了更多种可能,本文接下来给大家介绍AI在闲鱼测试的一点实践:如何应用AI技术通过图片找bug。
1011 2
|
5天前
|
机器学习/深度学习 人工智能 自然语言处理
AI技术在自然语言处理中的应用与挑战
【10月更文挑战第3天】本文将探讨AI技术在自然语言处理(NLP)领域的应用及其面临的挑战。我们将分析NLP的基本原理,介绍AI技术如何推动NLP的发展,并讨论当前的挑战和未来的趋势。通过本文,读者将了解AI技术在NLP中的重要性,以及如何利用这些技术解决实际问题。
|
4天前
|
机器学习/深度学习 人工智能 算法
AI技术在医疗领域的应用及挑战
【10月更文挑战第4天】本文将探讨AI技术在医疗领域的应用及其面临的挑战。我们将从AI技术的定义和发展历程入手,分析其在医疗领域的应用场景,包括辅助诊断、个性化治疗、药物研发等方面。同时,我们也将讨论AI技术在医疗领域面临的挑战,如数据隐私、算法偏见等问题。最后,我们将以一个简单的代码示例来展示AI技术在医疗领域的应用。
22 0
|
1天前
|
机器学习/深度学习 人工智能 自然语言处理
探索AI在自然语言处理中的创新应用
【10月更文挑战第7天】本文将深入探讨人工智能在自然语言处理领域的最新进展,揭示AI技术如何改变我们与机器的互动方式,并展示通过实际代码示例实现的具体应用。
|
6天前
|
机器学习/深度学习 人工智能 算法
探索AI在医疗诊断中的应用与挑战
【10月更文挑战第2天】本文深入探讨了人工智能技术在医疗诊断领域的应用,以及其带来的变革。通过分析AI技术的工作原理和实际应用案例,揭示了AI在提高诊断准确率、优化治疗流程等方面的巨大潜力。同时,文章也指出了AI在医疗领域面临的伦理、法律和技术等挑战,并讨论了未来可能的发展方向。
22 7