案例简述
在本案例中,您将学习如何使用AI助理来帮助您快速为OSS中存储的图片接入CDN,实现CDN为访问图片加速的目标。AI助理将为您从各个参考文档中精炼提取出必须且关键的操作步骤,从而抛去从繁杂文档的海洋中寻找解决方案的过程。
前置步骤
为了对比验证将OSS图片接入CDN的加速效果验证,您可以在配置前进行访问资源,先记录一下原始资源加载速度用以接入CDN后的效果对照。在此处尝试访问OSS中的9.png资源。
可以得到一张可爱的猫咪图片。鼠标右键选择检查或键盘输入F12,打开网页检查页面,刷新页面,可以看到该图片资源加载的时间为1.54秒。
使用AI助理获取关键操作并执行
1. 向AI助手提问,获取关键步骤
点击阿里云官网右下角AI助理图标,向AI助理提问:
我想要CDN加速托管在OSS上的图片,当前OSS访问域名也是托管在阿里云的上(pics.seafuture.cc),应该怎么做?
得到结果:
根据AI助理给的方案,您可以通过以下几个关键步骤实现:
开通CDN并添加加速域名 → 配置CNAME → 配置CDN缓存策略(可选) → 优化图片访问性能(可选) → 绑定加速域名到OSS(可选) → 指定CDN回源HOST为加速域名(可选)。
2. 根据AI助手提供的方案将您的OSS图片资源接入CDN实现加速
2.1 开通CDN并添加加速域名
2.1.1 登录CDN控制台,添加域名
将我们准备加速的OSS域名 pics.seafuture.cc 填入加速域名字段。
2.1.2 新增源站信息,添加OSS为源站
在源站信息中选择 OSS域名,并在对应的域名下拉框中选择图片Bucket对应的域名,点击确定即可。
2.1.3 选择一键配置后,获取CNAME值
复制系统分配的CNAME值。
2.2 配置CNAME
将获得的CNAME值添加至阿里云云解析DNS记录中。记录类型选择CNAME,主机记录填写pics,记录值字段将复制获得的CNAME粘贴即可。
配置完成后,我们等待几分钟后,观察到CDN控制台中的加速域名状态为正常运行即可完成配置。由于前面我们选择了一键配置,且AI助理给出的其余的其余步骤均为可选,到这里我们就已经完成了OSS图片接入CDN。
2.3 接入验证
在完成接入后,我们使用 http://pics.seafuture.cc/9.png 尝试访问OSS中的9.png图片资源来检查一下是否接入CDN。
可以看到,可以正常访问到这张猫咪的图片。鼠标右键选择检查或键盘输入F12,打开网页检查页面,查看一下本次资源的加载时间为694ms,相较于未接入前的1.54s有了超过一倍的速度提升。
那是确实是接入了CDN才使得访问资源变快了吗,该怎么看是否命中缓存了呢?为了取消浏览器本身缓存的干扰,我们可以在检查页面选择 网络页签 并选择勾选 禁用缓存 选项后,刷新网页。在网络页签中点击图片资源,然后查看标头栏,在响应标头处我们可以看到有一个响应头 X-Cache:HITTCP_MEM_HIT dirn:-2:-2,即表示该资源是命中了CDN节点中的缓存资源。
案例优势
相较于直接在繁多的操作文档中去搜寻到您需要的关键步骤,而且这些步骤可能就是简单的几步,有时候是大海捞针的过程。AI助理在此刻便可以将您需要的信息为您筛选出来,如同本案例中CDN的作用一般,大幅的提升了您的学习效率,降低学习的成本。