201601上海云栖大会Workshop - 使用OSS对Wordpress进行图片动静分离

目标

• 熟悉OSS的基本概念
• 使用Wordpress插件将图片存储到OSS

准备工作

• OSS主页和控制台

OSS主页

OSS控制台

AccessKey获取页面

OSS文档和SDK

• 注意事项：预计耗费的费用

OSS是一个按量计费的服务，收费为存储量加上从OSS流出的流量费用，上传到OSS不收费。具体的价格可以查看OSS价格总览这个页面来获取。

目前国内最高0.165元每GB每月的存储费用加上最高0.75元每GB的下行流量费用，因此在整个实验过程中使用的费用非常低，使用完成之后清除数据之后也不会继续收费。

步骤

以下是具体的操作步骤：

1.安装Wordpress插件

如果已经安装插件可以跳过这一步。

插件的下载地址为OSS-Wordpress插件.

1.首先进入Wordpress的仪表盘，然后点击左边插件那一栏。再点击安装插件。

2.然后点击上传插件。

3.选中OSS的附件插件并点击现在安装。

4.安装完成之后点击启用插件。

5.接下来开始设置插件。

这里有些需要填写的选项需要开通OSS之后才能填写。

如果已经安装好插件的可以直接选择设置->OSS Setting进入OSS插件的配置页面。

2.创建OSS的Bucket

1.从插件的设置页面或者OSS控制台进入OSS的控制台。

2.点击右上角的创建Bucket。

3.这里要注意一些配置。Bucket名字可以自己取，这是一个全局唯一的名称。所属的地域选择杭州，读写权限选择公共读，这是因为Wordpress在发布文章的时候需要引用一个图片http地址，不设置为公共读的话是无法直接访问OSS的。

4.这里可以看到创建完成之后的Bucket的界面，红色框选中的是外网访问OSS的域名。

3.配置Wordpress插件

1.创建完成之后回到设置页面，将Bucket名称填入之后继续配置AccessKey，同样可以从设置页面点击如下链接进入阿里云的对应页面。

2.将这两个字符串复制并填入插件的设置页面。

 

3.接下来配置OSS的URL，这里可以使用刚才Bucket页面下的公网访问域名，也可以使用自己绑定的顶级域名。

4.这里因为没有绑定顶级域名，因此使用如下的OSS域名。

这里需要注意的一点是需要在域名之前加上http://。配置完成之后如下图

 

4.测试使用OSS存储图片

1.配置完成之后我们可以开始试验，点击左边栏的媒体库选项，添加一个图片。

 

2.可见已经上传成功了，我们可以回到OSS的控制台查看文件是否上传成功了。

3.我们再发表一篇文章测试一下，添加媒体，然后从选择媒体库中选择刚才上传的图片。

4.这是发表成功之后的界面，可以通过查看图片的链接地址来确定是否已经通过OSS访问。