开启生态新姿势 | 使用 WrodPress 远程附件存储到 COS

在看到这篇文章前，你大概已经听说过 WordPress 了，它是使用 PHP 语言开发的博客平台，用户可以在支持 PHP 和 MySQL 数据库的服务器上架设属于自己的网站，也可以把 WordPress 当作一个内容管理系统（CMS）来使用。

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

本文将介绍如何通过使用插件实现远程附件功能，将 WordPress 的媒体库附件存储在腾讯云对象存储 COS 上，并通过腾讯云 CDN 进行加速，实现所有功能。

一、简介

首先，我们了解下将媒体库附件保存在 COS 上有以下好处：

1、搭建 WordPress 博客平台。

2、创建一个公有读私有写的存储桶，存储桶的地域建议与运行 WordPress 博客平台的 CVM 的地域相同，创建详情请参见创建存储桶文档。

3、在存储桶列表中找到刚才创建的存储桶，并单击其存储桶名称，进入存储桶页面。

4、在左侧导航栏中，单击概览，查看访问域名并记录。

在 WordPress 后台，单击插件 > 安装插件，开始安装插件。您可通过下面两种方式获取插件并安装：

后台直接搜索 Sync QCloud COS 进行安装（推荐使用）。
您也可以从 Github 下载最新 releases 源码，通过 WordPress 后台上传安装，或者直接将源码上传到 WordPress 插件目录 wp-content/plugins，然后在后台启用。

1、单击 WordPress 左侧导航栏设置，然后在页面中配置 COS 的相关信息，配置说明见下表：

配置项	配置值
存储桶名称	创建存储桶时自定义的名称
存储桶地域	创建存储桶时所选择的地域
APPID	APPID 是您在成功申请腾讯云账户后所得到的账号，由系统自动分配，具有固定性和唯一性，可在账号信息中查看
SecretID、SecretKey	访问密钥信息，可前往云 API 密钥中获取
不上传缩略图	勾选后不会上传对应的缩略图文件，建议不勾选
不在本地保留备份	勾选后不会在本地保留源文件，建议不勾选
本地文件夹	本地保存路径，例如wp-content/uploads
URL 前缀	格式为/<本地文件夹>，例如https://examplebucket-1250000...

2、配置完成后，单击保存即可。

3、上传一个新文件进行测试，查看附件详情，查看附件图片的 URL，确认附件图片的 URL 指向腾讯云 COS。

1、使用 CDN 加速访问：
存储桶如果需要配置 CDN 加速，可参见 CDN 加速配置文档。在插件设置中将 URL 前缀修改为默认 CDN 加速域名或自定义加速域名即可。

2、替换数据库中的资源地址：
如果不是新创建的站点，数据库当中必定是旧的资源链接地址，我们需要将资源地址进行替换，插件提供了替换功能，请在首次替换前记得备份。

3、设置跨域访问：
在文章中引用对应的资源链接，控制台会提示跨域的错误No 'Access-Control-Allow-Origin' header is present on the requested resource。

原因是没有添加 header。您需要在跨域访问 CORS 设置中添加 HTTP Header 配置。下面提供两种途径进行配置：

i. 在 CDN 控制台上配置

Access-Control-Allow-Origin: *

ii. 只允许您个人的域名访问，则配置如下：

Access-Control-Allow-Origin: https://example.com

4、设置回源：

如果不在 WordPress 后台媒体库处上传资源，建议开启回源设置。开启之后，客户端首次访问 COS 源文件时，COS 发现无法命中对象时，对客户端返回 302 HTTP 状态码并跳转至回源地址对应的地址，此时对象由源站提供给客户端，保证访问。

同时 COS 从源站复制该文件并保存至存储桶对应的目录中；第二次访问时 COS 直接命中对象并返回给客户端。

本文介绍 WordPress 的媒体库附件远程到对象存储 COS 实践分享到此结束，后续将会给大家带来系列关于生态平台/插件相关内容，另外，我们还会为大家带来丰富多彩的生态赋能活动，请敬请期待！

有关生态插件及其他活动信息
欢迎加入交流群，获取生态活动最新资讯

— END —