WordPress基于腾讯云COS存储站点图片及跨域解决方法

投稿   沈唁志  2018-04-10 16:01:02  236 人阅读  19 条评论

昨天我把站点内的所有图片 copy 了一份到腾讯云的 COS 存储,腾讯云 COS 对象存储是腾讯云为企业和个人开发者们提供的一种能够存储海量数据的分布式存储服务,用户可随时通过互联网对您的大量数据进行批量存储和处理,也就是说,我们可以拿来当做 WordPress 的图床使用,并且使用 COS 标准存储的用户,每月还可享受一定的免费额度的。

WordPress基于腾讯云COS存储站点图片及跨域解决方法 Plugins 第1张

腾讯云 COS 标准存储用户免费额度

WordPress基于腾讯云COS存储站点图片及跨域解决方法 Plugins 第2张

这对于我们个人小站点来说应该是够用的,我是直接拿来存图片了,其他 js、css 等静态文件还没想好放不放。下面我们直接使用这个基于腾讯云存储 COS 的 WordPress 远程附件支持的插件,可以直接将站点题图等直接替换掉,但是文章内的图没办法更换,因为已经写入数据库了,可以手动更改一下。

基于腾讯云存储 COS 的 WordPress 远程附件插件

这个插件核心功能使用了腾讯云 COS 官方 SDK,当然你不想用插件的话也可以自己集成一下。该插件实现以下功能:

  • 使用腾讯云对象存储服务存储 wordpress 站点图片等多媒体文件
  • 可配置是否保留本地备份和是否上传缩略图
  • 支持配置图片等存储地址,并可支持腾讯云 COS 绑定的个性域名(需已备案)
  • 支持一键同步资源到腾讯 COS

腾讯云 COS 同步插件安装

直接下载源码包。从 百度网盘(传送门)上直接下载打包源码,通过 WordPress 后台上传安装,或者直接将源码包上传到 WordPress 插件目录 wp-content\plugins,然后在后台启用。

腾讯云 COS 同步插件配置

插件配置图一

插件配置图二

这些参数以及腾讯云存储桶如何创建就不细说了,自己看一下官方文档吧。插件该注意的地方,插件设置的页面也都有说。

如果网站是 HTTP 的,需要把/cos-sync/sdk/Qcloudcos 目录下的 conf.php 文件中的 https://region.file.myqcloud.com/files/v2/改为 http://region.file.myqcloud.com/files/v2/

BUG修复情况

Bug1:之前也说了,文章内的图片插件不会自动替换,需要手动更改一下,我们直接打开数据库 spl 执行以下命令,看到影响了*行 说明执行成功。

WordPress基于腾讯云COS存储站点图片及跨域解决方法 Plugins 第5张

Bug2:当替换完了以后,查看控制台会报错,如下图所示:

WordPress基于腾讯云COS存储站点图片及跨域解决方法 Plugins 第6张

提示跨域之类的错误 No 'Access-Control-Allow-Origin' header is present on the requested resource.原因是没有添加 header 头之类的东西,解决方法:

在你的腾讯 COS 源的 CDN 中添加 HTTP Header 配置,

Access-Control-Allow-Origin:*

在你的存储桶的基础设置中设置跨域访问 CORS,配置如下

WordPress基于腾讯云COS存储站点图片及跨域解决方法 Plugins 第7张

就可以去除这个报错信息了。

历史上的今天:

文章标签: ,   ,  
原文地址:https://qq52o.me/2130.html
温馨提示:文章内容仅代表作者个人观点,不代表boke112导航赞同其观点和对其真实性负责!
版权声明:本文为投稿文章,感谢 沈唁志 的投稿,版权归原作者所有,欢迎分享本文,转载请保留出处!
沈唁志

相关文章 分类热门分类热评最新问答