前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >如何将WordPress远程附件存储到腾讯云对象存储COS上

如何将WordPress远程附件存储到腾讯云对象存储COS上

原创
作者头像
沈唁
修改2020-01-17 18:22:29
4.6K0
修改2020-01-17 18:22:29
举报
文章被收录于专栏:沈唁志

WordPress 是使用 PHP 语言开发的博客平台,用户可以在支持 PHP 和 MySQL 数据库的服务器上架设属于自己的网站,也可以把 WordPress 当作一个内容管理系统(CMS)来使用。

WordPress 功能强大、扩展性强,这主要得益于其插件众多,易于扩充功能,基本上一个完整网站该有的功能,通过其第三方插件都能实现所有功能。

简介

这篇文章我们来介绍一下通过使用插件实现远程附件功能,将 WordPress 的媒体库附件存储在腾讯云 COS

腾讯云 COS 具有高扩展性、低成本、可靠和安全等特点,将媒体库附件保存在 COS 上有以下好处:

  • 附件将拥有更高的可靠性;
  • 用户查看图片附件时将直连 COS 服务器,不占用您服务器的下行带宽/流量,用户访问速度更快;
  • 可配合腾讯云 CDN 进一步提升用户查看图片附件的速度,优化网站访问速度。

准备工作

  • 搭建 WordPress 博客平台
    • 可以在 WordPress 官方页面下载 WordPress 的最新版并查看安装指南
    • 或者在安装服务器系统时在镜像市场中选择预装 WordPress博客平台 的 CVM 镜像
  • 创建一个公有读私有写的存储桶,存储桶的地域建议与运行 WordPress 博客平台的 CVM 的地域相同,创建详情请参见 创建存储桶 文档
  • 在存储桶列表中找到刚刚创建的存储桶,并单击【配置管理】
sync-qcloud-cos-1.png
sync-qcloud-cos-1.png
  • 单击左侧的【基础配置】,查看访问域名并记录
sync-qcloud-cos-2.png
sync-qcloud-cos-2.png
  • 访问 WordPress 后台,访问插件-安装插件页面 /wp-admin/plugin-install.php,安装插件
    • 后台搜索 Sync QCloud COS 进行安装(推荐使用
    • GithubWordPress Plugins 下载最新 releases 源码,通过 WordPress 后台上传安装,或者直接将源码上传到 WordPress 插件目录 wp-content/plugins,然后在后台启用

配置Sync Qcloud Cos插件

  • 在 WordPress 后台管理左侧导航栏设置腾讯云COS设置,点击进入设置页面,配置说明见下表

配置项

配置值

存储桶名称

创建存储桶时自定义的名称

存储桶地域

创建存储桶时所选择的地域

APP ID

开发商 APPID,创建存储桶时名称后的ID

SecretID

前往「云 API 密钥」进行获取

SecretKey

前往「云 API 密钥」进行获取

不上传缩略图

勾选后不会上传对应的缩略图文件,建议不勾选

不在本地保留备份

勾选后不会在本地保留原文件,建议不勾选

本地文件夹

本地保存路径,例:wp-content/uploads

URL前缀

Cos访问域名/本地文件夹,例:https://media-10000000.cos.ap-shanghai.myqcloud.com/wp-content/uploads

  • 填写完成后点击保存更新即可
  • 测试上传文件,查看附件详情,查看附件图片的 URL,确认附件图片的 URL 指向腾讯云 COS
sync-qcloud-cos-3.png
sync-qcloud-cos-3.png

扩展

  • 使用 CDN 加速访问

存储桶如果需要配置 CDN 加速,可参见 CDN 加速配置 文档

在腾讯云 COS 设置中将URL前缀修改为默认 CDN 加速域名或自定义加速域名即可

  • 替换数据库中的资源地址

如果不是新创建的站点,数据库当中必定是旧的资源链接地址,我们需要替换一下,插件提供了替换功能,在首次替换前记得备份

旧域名填写原资源域名,如https://qq52o.me/

新域名填写现在的资源域名,如https://img.qq52o.me/

  • 设置跨域访问

在文章中引用对应的资源链接,控制台会提示跨域的错误 No 'Access-Control-Allow-Origin' header is present on the requested resource. 原因是没有添加 header

需要你的 COS 源的 CDN 中添加 HTTP Header 配置

代码语言:txt
复制
Access-Control-Allow-Origin:*

或者只允许你自己的域名

代码语言:txt
复制
Access-Control-Allow-Origin:https://qq52o.me

在存储桶的基础设置中设置 跨域访问CORS,详细请查看对应文档设置跨域访问

sync-qcloud-cos-4.png
sync-qcloud-cos-4.png
  • 设置回源

如果不在WordPress后台媒体库处上传资源,建议开启回源设置,详细请查看对应文档设置回源

开启之后,客户端首次访问COS源文件时,COS 发现无法命中对象时,对客户端返回 302 HTTP 状态码并跳转至回源地址对应的地址,此时对象由源站提供给客户端,保证访问。同时 COS 从源站复制该文件并保存至存储桶对应的目录中;第二次访问时 COS 直接命中对象并返回给客户端。

因为WordPress设计问题,在后台媒体库上传资源会占用文章ID,所以我一般是不在后台上传的

写在最后

项目地址:Github 支持请点Star

任何个人或团体,未经允许禁止转载本文:《如何将 WordPress 远程附件存储到腾讯云对象存储 COS 上》,谢谢合作!

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 简介
  • 准备工作
  • 配置Sync Qcloud Cos插件
  • 扩展
  • 写在最后
相关产品与服务
网站建设
网站建设(Website Design Service,WDS),是帮助您快速搭建企业网站的服务。通过自助模板建站工具及专业设计服务,无需了解代码技术,即可自由拖拽模块,可视化完成网站管理。全功能管理后台操作方便,一次更新,数据多端同步,省时省心。使用网站建设服务,您无需维持技术和设计师团队,即可快速实现网站上线,达到企业数字化转型的目的。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档