阿里云OSS的回源镜像和图片功能妙用

广告位招租
扫码页面底部二维码联系

阿里云的OSS作为存储方案,可以帮助服务著作权归作者所有,禁止商业用途转载。未经授权,禁止复制转载。端减轻存储压力。但是,对于部分serve【作者:唐霜】未经授权,禁止复制转载。r来讲,它们可能仅仅希望将图片、视频等容本文版权归作者所有,未经授权不得转载。转载请注明出处:www.tangshuang.net量稍大的文件托管在OSS,这就产生了一个【本文受版权保护】【转载请注明来源】矛盾,即如何部署图片。

【关注微信公众号:wwwtangshua原创内容,盗版必究。原创内容,盗版必究。ngnet】【版权所有,侵权必究】转载请注明出处:www.tangshua本文版权归作者所有,未经授权不得转载。【版权所有】唐霜 www.tangshuang.netng.net【原创不易,请尊重版权】

假设某网站的域名为www.a.com,那【未经授权禁止转载】【作者:唐霜】么我们来看看如何部署网站的OSS图片存储本文版权归作者所有,未经授权不得转载。本文作者:唐霜,转载请注明出处。方案。

【原创内容,转载请注明出处】【关注微信公众号:wwwtangshua【本文受版权保护】【作者:唐霜】ngnet】【未经授权禁止转载】【版权所有】唐霜 www.tangshu【原创不易,请尊重版权】原创内容,盗版必究。ang.net

首先,CDN访问OSS资源。

著作权归作者所有,禁止商业用途转载。转载请注明出处:www.tangshua本文作者:唐霜,转载请注明出处。【作者:唐霜】ng.net本文版权归作者所有,未经授权不得转载。

在OSS中新增一个自定义域名static未经授权,禁止复制转载。本文作者:唐霜,转载请注明出处。.a.com,搭配CDN作为请求OSS资【作者:唐霜】【版权所有,侵权必究】源的访问域名。

转载请注明出处:www.tangshua【原创内容,转载请注明出处】本文版权归作者所有,未经授权不得转载。ng.net【版权所有】唐霜 www.tangshu本文作者:唐霜,转载请注明出处。【本文受版权保护】ang.net未经授权,禁止复制转载。【原创内容,转载请注明出处】

2016-04-10-173341

【关注微信公众号:wwwtangshua本文作者:唐霜,转载请注明出处。【版权所有,侵权必究】ngnet】著作权归作者所有,禁止商业用途转载。【作者:唐霜】

这样,当我们在请求OSS资源时,全部使用转载请注明出处:www.tangshuang.net【本文首发于唐霜的博客】static.a.com作为OSS资源的原创内容,盗版必究。转载请注明出处:www.tangshuang.net访问域名。搭配CDN,OSS的费用会降低【关注微信公众号:wwwtangshuangnet】本文作者:唐霜,转载请注明出处。很多。

【本文首发于唐霜的博客】【本文受版权保护】著作权归作者所有,禁止商业用途转载。

其次,回源镜像设置。

本文版权归作者所有,未经授权不得转载。本文作者:唐霜,转载请注明出处。

在此之前,要了解回源的概念。说的简单点,【本文首发于唐霜的博客】【版权所有,侵权必究】就是当访问的OSS资源不存在,则直接跳过【未经授权禁止转载】【转载请注明来源】对OSS的请求,直接去访问网站本身存在的【本文首发于唐霜的博客】【原创内容,转载请注明出处】文件。例如网站上使用了一张图片stati【转载请注明来源】【原创内容,转载请注明出处】c.a.com/images/a.jpg【版权所有,侵权必究】【本文首发于唐霜的博客】,按道理,应该在OSS的bucket中也转载请注明出处:www.tangshuang.net【原创内容,转载请注明出处】存在/images/a.jpg,这样访问【作者:唐霜】【版权所有】唐霜 www.tangshuang.netstatic.a.com/images/【作者:唐霜】转载请注明出处:www.tangshuang.neta.jpg时,才能正常看到这张图片。但是【关注微信公众号:wwwtangshuangnet】未经授权,禁止复制转载。,可惜的是,管理员把图片上传到了www.原创内容,盗版必究。原创内容,盗版必究。a.com/images/a.jpg,也【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.net就是上传到了网站服务器上面去,而OSS中【本文首发于唐霜的博客】未经授权,禁止复制转载。没有这张图片。而这个时候,回源的效果就是未经授权,禁止复制转载。【版权所有】唐霜 www.tangshuang.net,访问static.a.com/imag【本文首发于唐霜的博客】【未经授权禁止转载】es/a.jpg时,发现OSS中没有这张【作者:唐霜】【本文受版权保护】图片,CDN立即去找www.a.com/转载请注明出处:www.tangshuang.net原创内容,盗版必究。images/a.jpg,如果有,则返回【版权所有,侵权必究】本文作者:唐霜,转载请注明出处。这张图片。

原创内容,盗版必究。本文作者:唐霜,转载请注明出处。

那镜像又是怎么回事呢?就是做一个备份。上【原创不易,请尊重版权】原创内容,盗版必究。面这个情况中,OSS中没有这张图片,而网【版权所有,侵权必究】【本文首发于唐霜的博客】站服务器上有这张图片,通过访问stati【版权所有】唐霜 www.tangshuang.net【关注微信公众号:wwwtangshuangnet】c.a.com/images/a.jpg【访问 www.tangshuang.net 获取更多精彩内容】【关注微信公众号:wwwtangshuangnet】时,正常显示了图片,这个时候通过镜像功能原创内容,盗版必究。【关注微信公众号:wwwtangshuangnet】,直接把这张图片镜像到OSS中的/ima【未经授权禁止转载】【版权所有】唐霜 www.tangshuang.netges/a.jpg,下一次再访问stat本文版权归作者所有,未经授权不得转载。本文版权归作者所有,未经授权不得转载。ic.a.com/images/a.jp转载请注明出处:www.tangshuang.net【原创不易,请尊重版权】g时,OSS中就有这张图片了。

原创内容,盗版必究。【版权所有】唐霜 www.tangshu著作权归作者所有,禁止商业用途转载。转载请注明出处:www.tangshuang.netang.net未经授权,禁止复制转载。

具体怎么设置呢?在OSS的属性设置中进行本文作者:唐霜,转载请注明出处。【未经授权禁止转载】规则添加就可以了。

转载请注明出处:www.tangshua【作者:唐霜】未经授权,禁止复制转载。ng.net著作权归作者所有,禁止商业用途转载。转载请注明出处:www.tangshua未经授权,禁止复制转载。【关注微信公众号:wwwtangshuangnet】ng.net

2016-04-10-174402

转载请注明出处:www.tangshua【本文首发于唐霜的博客】著作权归作者所有,禁止商业用途转载。ng.net【转载请注明来源】转载请注明出处:www.tangshua【本文首发于唐霜的博客】转载请注明出处:www.tangshuang.netng.net原创内容,盗版必究。

添加规则时,会问你是否需要镜像,如果不镜【作者:唐霜】【版权所有,侵权必究】像,就不会自动备份一个到OSS中,下次访未经授权,禁止复制转载。【原创不易,请尊重版权】问的时候,虽然还会回源,正常显示图片,但【作者:唐霜】【访问 www.tangshuang.net 获取更多精彩内容】是实际上感觉不是很好。

【原创不易,请尊重版权】【本文受版权保护】【关注微信公众号:wwwtangshua未经授权,禁止复制转载。【本文受版权保护】ngnet】【未经授权禁止转载】

2016-04-10-174633

【转载请注明来源】本文版权归作者所有,未经授权不得转载。【原创不易,请尊重版权】【版权所有,侵权必究】

这里有两个前缀的选项,比较好玩儿。第一个原创内容,盗版必究。【未经授权禁止转载】前缀实际上是一个判断条件,比如你访问st本文作者:唐霜,转载请注明出处。【版权所有,侵权必究】atic.a.com/images/xx【版权所有】唐霜 www.tangshuang.net【转载请注明来源】x就遵循这条规则,如果你访问static原创内容,盗版必究。本文作者:唐霜,转载请注明出处。.a.com/videos/xxx则不遵【本文首发于唐霜的博客】【作者:唐霜】循这条规则,就不会回源了。第二个前缀实际【原创不易,请尊重版权】本文版权归作者所有,未经授权不得转载。上是一个url重写的条件,比如你访问st本文作者:唐霜,转载请注明出处。【关注微信公众号:wwwtangshuangnet】atic.a.com/images/a.【本文首发于唐霜的博客】原创内容,盗版必究。jpg,但是你的服务器上,实际上要通过w本文作者:唐霜,转载请注明出处。【原创内容,转载请注明出处】ww.a.com/uploads/ima【未经授权禁止转载】【关注微信公众号:wwwtangshuangnet】ges/a.jpg才能访问到这张图片,这【作者:唐霜】【版权所有,侵权必究】个时候,就可以把uploads当做前缀。

【原创内容,转载请注明出处】【本文受版权保护】

回源镜像的好处。

【原创不易,请尊重版权】【版权所有】唐霜 www.tangshu【访问 www.tangshuang.net 获取更多精彩内容】【转载请注明来源】ang.net未经授权,禁止复制转载。

你有没有想过这种场景:你有正式服务器和测未经授权,禁止复制转载。转载请注明出处:www.tangshuang.net试服务器。当你在正式服务器上访问网站的时未经授权,禁止复制转载。【版权所有】唐霜 www.tangshuang.net候,一切OK,不会产生任何影响。但是,有【访问 www.tangshuang.net 获取更多精彩内容】【访问 www.tangshuang.net 获取更多精彩内容】一天,你在测试服务器上处理数据,并把所有本文版权归作者所有,未经授权不得转载。【本文受版权保护】的必备图片都上传好了,现在,你想要是可以【作者:唐霜】【作者:唐霜】直接把测试服务器上的图片切换到正式服务器【版权所有】唐霜 www.tangshuang.net【转载请注明来源】就好了,这样你只需要转移开发好的源代码即本文版权归作者所有,未经授权不得转载。【作者:唐霜】可,所有的工作只需要在很短的时间就完成了【作者:唐霜】本文作者:唐霜,转载请注明出处。

原创内容,盗版必究。【访问 www.tangshuang.n【本文受版权保护】【版权所有,侵权必究】et 获取更多精彩内容】本文作者:唐霜,转载请注明出处。未经授权,禁止复制转载。

这个时候,你如果使用回源镜像,就好办了,【版权所有】唐霜 www.tangshuang.net未经授权,禁止复制转载。无论是在正式环境,还是测试环境,都使用s【作者:唐霜】【作者:唐霜】tatic.a.com作为图片的访问域名原创内容,盗版必究。原创内容,盗版必究。。而在回源规则那个地方,做好规则配置,测【关注微信公众号:wwwtangshuangnet】【版权所有】唐霜 www.tangshuang.net试环境中的图片会被镜像到OSS中,也就是【原创不易,请尊重版权】【版权所有】唐霜 www.tangshuang.net说,OSS上有正式环境和测试环境的所有图著作权归作者所有,禁止商业用途转载。【本文受版权保护】片。现在只需要搬迁你的源码即可。

【原创不易,请尊重版权】本文作者:唐霜,转载请注明出处。

图片功能。

【原创不易,请尊重版权】本文作者:唐霜,转载请注明出处。【本文首发于唐霜的博客】【原创不易,请尊重版权】

OSS的图片功能帮我们解决了一张图片需要著作权归作者所有,禁止商业用途转载。【版权所有】唐霜 www.tangshuang.net多个尺寸的需求。比如你现在上传了一张19本文版权归作者所有,未经授权不得转载。未经授权,禁止复制转载。20×512的图片,但是,你现【作者:唐霜】【本文首发于唐霜的博客】在想把这张图片裁剪为一张1200【作者:唐霜】本文版权归作者所有,未经授权不得转载。5;512的图片,如果按照原来的方案,需【本文首发于唐霜的博客】转载请注明出处:www.tangshuang.net要在上传图片的时候,在服务器上对图片进行【原创内容,转载请注明出处】本文版权归作者所有,未经授权不得转载。裁剪,同时保存原始尺寸的图片和这张裁剪好【本文受版权保护】本文版权归作者所有,未经授权不得转载。的新图片。而如果后期需求突然改变,不需要本文作者:唐霜,转载请注明出处。【原创不易,请尊重版权】1200宽的图片了,全部改为1600宽的著作权归作者所有,禁止商业用途转载。著作权归作者所有,禁止商业用途转载。图片,这下就艹尼玛了,服务器上没有这个尺【原创内容,转载请注明出处】【本文首发于唐霜的博客】寸的图片,所有的图片需要手工编写代码来全【原创内容,转载请注明出处】转载请注明出处:www.tangshuang.net部处理一遍,既浪费开发时间,又浪费服务器【本文受版权保护】未经授权,禁止复制转载。资源。

原创内容,盗版必究。【转载请注明来源】

而OSS图片功能,可以在访问路径末尾添加著作权归作者所有,禁止商业用途转载。本文作者:唐霜,转载请注明出处。一个标记,用来自动裁剪出新尺寸的图片。比【版权所有,侵权必究】【原创内容,转载请注明出处】如访问img.a.com/images/本文作者:唐霜,转载请注明出处。【未经授权禁止转载】a.jpg@!1600×512【转载请注明来源】【版权所有】唐霜 www.tangshuang.net,就可以访问新尺寸的图片了。注意,这里的转载请注明出处:www.tangshuang.net【转载请注明来源】@!1600×512可不是固定著作权归作者所有,禁止商业用途转载。本文作者:唐霜,转载请注明出处。的格式,也不代表真实要裁剪的尺寸,而是根【版权所有,侵权必究】【转载请注明来源】据你设置的裁剪长宽来裁剪。

【本文受版权保护】本文作者:唐霜,转载请注明出处。

你得先分配一个域名来实现该功能,比如im【作者:唐霜】未经授权,禁止复制转载。g.a.com。

【未经授权禁止转载】【作者:唐霜】

2016-04-10-175853

著作权归作者所有,禁止商业用途转载。【原创内容,转载请注明出处】【作者:唐霜】

它不能和OSS使用同一个域名,因为OSS【本文受版权保护】原创内容,盗版必究。的图片处理功能需要用OSS的另外一个服务【关注微信公众号:wwwtangshuangnet】【转载请注明来源】来实现,而这个服务本身的域名和OSS的C本文版权归作者所有,未经授权不得转载。原创内容,盗版必究。DN域名是不同的。

未经授权,禁止复制转载。原创内容,盗版必究。本文作者:唐霜,转载请注明出处。【版权所有】唐霜 www.tangshu【版权所有,侵权必究】【本文受版权保护】ang.net

接下里就是添加一个裁剪规则。

【版权所有】唐霜 www.tangshu【转载请注明来源】著作权归作者所有,禁止商业用途转载。ang.net转载请注明出处:www.tangshua未经授权,禁止复制转载。【版权所有】唐霜 www.tangshuang.netng.net

2016-04-10-180142

【转载请注明来源】【作者:唐霜】【版权所有,侵权必究】著作权归作者所有,禁止商业用途转载。

规则名称就是我们上面那个@!后面的字符串【未经授权禁止转载】【关注微信公众号:wwwtangshuangnet】,我上面用的是1600×512【作者:唐霜】【版权所有】唐霜 www.tangshuang.net,实际上你可以使用任意字符串。

【版权所有】唐霜 www.tangshu【作者:唐霜】【未经授权禁止转载】ang.net【本文首发于唐霜的博客】【版权所有】唐霜 www.tangshu转载请注明出处:www.tangshuang.net本文版权归作者所有,未经授权不得转载。ang.net

添加好规则后,在用新绑定的域名去访问OS未经授权,禁止复制转载。【转载请注明来源】S中的资源,跟上一个后缀(规则名称),就原创内容,盗版必究。【关注微信公众号:wwwtangshuangnet】能得到对应尺寸的裁剪好的图片了。

本文作者:唐霜,转载请注明出处。本文作者:唐霜,转载请注明出处。

好了,这篇文章要讲的内容就这些了,是不是【版权所有】唐霜 www.tangshuang.net本文作者:唐霜,转载请注明出处。又get到一点小技能呢?

【转载请注明来源】【转载请注明来源】【访问 www.tangshuang.n未经授权,禁止复制转载。著作权归作者所有,禁止商业用途转载。et 获取更多精彩内容】

2016-04-10 10407

为价值买单,打赏一杯咖啡

本文价值104.07RMB