»

如何使用腾讯云“对象存储服务”存储图片并引用外链

    网站建设  
又拍云CDNHTTP标头重定向cookies建站插件七牛windows主机WP Rocket腾讯云加速爬虫伪静态wordpressCDN缓存WordPress插件SEOIISApache网络安全服务器变量web.config前端工作Wp Super Cache

网上很多网友使用七牛的存储服务来存储用于外链的照片和图片,这样做的好处我就不说了,网上很多介绍。

其实用腾讯云的“对象存储服务”也是个不错的选择。

腾讯云对象存储服务(Cloud Object Storage, 简称COS)是腾讯云对外提供的一种海量文件存储的分布式存储服务,也是面向企业和个人开发者提供的高可用,高稳定,强安全的云端存储服务,可用于随时在 Web 上的任何位置存储和检索数据。腾讯云 COS 让所有开发人员都能访问同一个具备高扩展性、成本低、可靠和安全的数据存储。COS 支持标准的 Restful API接口,可以快速上手使用,按实际使用量计费,无最低使用限制。

 

对象存储服务的免费额度

这个“对象存储服务”存储与七牛的对象存储有相似之处,但每月免费方面比七牛更优惠:存储空间 50 GB、外网访问流量 10GB、腾讯云 CDN 回源流量 10GB、读请求 100 万次、写请求 10 万次。

 

qcloud-cos-free

qiniu-storage-free

本文禁止住转载。任何形式转载请联系作者(时光在路上 www.timezls.com)。时光在路上保留所有权利

qiniu-cdn-free

 

如何存储图片

1. 创建 Bucket

登录控制台后,通过 COS 管理控制台创建一个 Bucket(建存储桶):点击 立即创建 Bucket ,会弹出创建 Bucket 对话框:

本文禁止住转载。任何形式转载请联系作者(时光在路上 www.timezls.com)。时光在路上保留所有权利

qcoloud-cos-free-bucket-2

 

COS 支持多园区存储,目前开放了华北、华南、华东三个地区。不同地区默认访问域名不同。用户需根据自己的业务场景选择就近的地区存储,这样可以提高上传、下载速度。

qcloud-cos-free-bucket

 

本文禁止全文转载。任何形式转载请联系作者(时光在路上 www.timezls.com) Copyright © 2023. All Rights Reserved

如果想使用CDN加速,此处可直接开启。

 

本文禁止无授权转载 - 时光在路上 www.timezls.com 保留所有权利

2. 文件上传

创建完 Bucket 后,可将本地任意类型的文件上传至 Bucket 中。每个 COS 的 Bucket 都支持无限个数的文件存储,单文件上传最大支持 50G,单文件存储最大支持 500G。

操作:进入 COS 管理控制台,点击想要上传文件的 Bucket 名称,进入【Bucket列表】页面:

qcoloud-cos-free-bucket-3

 

点击页面上的 上传文件 ,出现上传文件的对话框:

qcoloud-cos-free-bucket-4

 

可以点击 上传文件 按钮或者 点击 上传文件夹 ,选择多个本地文件或一个文件夹进行上传,部分浏览器支持拖拽多个文件或文件夹上传,已经选中文件到待上传文件列表后,列表区域仍然支持拖拽上传(下图红线框处出来的区域):

本文禁止全文转载。任何形式转载请联系作者(时光在路上 www.timezls.com) Copyright © 2023. All Rights Reserved

qcoloud-cos-free-bucket-5

 

也可以在文件列表页面点击选择需要上传至的文件夹,或者创建一个新的文件夹,将 Object (文件)上传至某个文件夹中。

 

本文禁止全文转载。任何形式转载请联系作者(时光在路上 www.timezls.com) Copyright © 2023. All Rights Reserved

如何将图片作为外链引用

登录并进入控制台,点击左侧菜单栏进入 Bucket 列表,按照文件路径,寻找到对应 Object(文件)。

 

本文禁止全文转载。任何形式转载请联系作者(时光在路上 www.timezls.com) Copyright © 2023. All Rights Reserved

qcoloud-cos-free-bucket-6

 

点击 文件信息,即可获得文件的具体信息。可以复制图片链接,然后贴到自己的博客中 引用该图片地址。

qcoloud-cos-free-bucket-7

 

2018-10-27增添内容:最近好像后台COS存储文件地址和界面有些变化,如果需要使用CDN加速,则需要开通CDN(见文章后面的介绍)、手动将上述地址中的域名变换为【加速域名】(在COS设置中的【域名管理】选项中可以看到),这是一个很麻烦的手工操作。咨询了技术人员,目前没有自动一键复制的操作,需要手工替换。汗。。。。不想让俺们用你的CDN还是咋滴?我觉得这是一个产品设计缺陷。

 

jiasuyuming

本文禁止全文转载。任何形式转载请联系作者(时光在路上 www.timezls.com) Copyright © 2023. All Rights Reserved

 

本文禁止全文转载。任何形式转载请联系作者(时光在路上 www.timezls.com) Copyright © 2023. All Rights Reserved

如何设置防盗链

为了避免恶意程序使用资源 URL 盗刷公网流量,给您带来不必要的损失,或使用恶意手法盗用本站资源,Bucket 提供防盗链配置功能,可通过控制台配置黑/白名单,通过对 HTTP 请求 Header 中 referer 字段的值进行约束,来进行安全防护。

1. 开启COS防盗链

操作:进入 COS 管理控制台,点击需要设置防盗链的 Bucket 上方 基础配置

qcoloud-cos-free-bucket-8

 

2. 进行防盗链设置

qcoloud-cos-free-bucket-9

 

防盗链名单设置:

  • 名单支持多个域名且为前缀匹配,一个域名占一行
  • 支持带端口的域名和 IP
  • 支持通配符 * ,做二级域名或多级域名的通配
  • 若 Referer 为空(浏览器访问属于此种情况),默认不匹配任何规则

注:如果通过 CDN 域名加速访问,则先行匹配 CDN 的防盗链规则,再匹配对象存储服务的防盗链规则。所有,如果需要CDN加速,需要下一步操作:

 

本文禁止全文转载。任何形式转载请联系作者(时光在路上 www.timezls.com) Copyright © 2023. All Rights Reserved

本文禁止全文转载。任何形式转载请联系作者(时光在路上 www.timezls.com) Copyright © 2023. All Rights Reserved

3. 开通CDN加速和CDN防盗链

如果在前面创建bucket时候就已经在开启了CDN加速,那么此处的开通CDN步骤可以忽略。

操作:进入 COS 管理控制台,选择 Bucket 列表 页面,点击选择一个Bucket

qcoloud-cos-free-bucket-10

 

进入域名管理页面,选择加速域名,点击修改,开启 CDN 加速

qcoloud-cos-free-bucket-11

 

 

4. 之后,回到CDN管理页面:

选择 域名管理,点击已被加速的 COS 域名:

qcoloud-cos-free-bucket-12

本文禁止全文转载。任何形式转载请联系作者(时光在路上 www.timezls.com) Copyright © 2023. All Rights Reserved

本文禁止全文转载。任何形式转载请联系作者(时光在路上 www.timezls.com) Copyright © 2023. All Rights Reserved

 

在 防盗链配置 选项旁边点击 编辑,添加白名单或黑名单即可,操作类似于前面,配置完成后需要进一步检查一下前面的COS中防盗链名单是否有CDN中的相匹配。

qcoloud-cos-free-bucket-13

 

 

本文禁止全文转载。任何形式转载请联系作者(时光在路上 www.timezls.com) Copyright © 2023. All Rights Reserved


大功告成,试一下。

未在白名单中,引用图片链接时不会显示图片,如果单纯使用图片链接打开时,会显示错误信息,类似于:{"errorcode":-46616,"errormsg":"not hit white refer, retcode:-46616"}

 

相关链接:

本文禁止无授权转载 - 时光在路上 www.timezls.com 保留所有权利

时光在路上扫码阅读、分享
  • 版权声明:该文章由 时光在路上 发表,共 2032字。除非特别标注来源,否则为原创。详见《版权声明》部分。
  • 转载请注明:文章标题和文章链接 - 时光在路上 - 也可直接“复制本文链接” 或 使用右边二维码分享本文 →