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的仪表盘,然后点击左边插件那一栏。再点击安装插件。

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

2.然后点击上传插件。

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

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

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

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

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

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

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

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

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

2.创建OSS的Bucket

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

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

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

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

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

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

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

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

3.配置Wordpress插件

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

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

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

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

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

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

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

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

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

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

4.测试使用OSS存储图片

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

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

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

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

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

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

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

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

上一篇:道哥”透露从业初心:安全技术影响世界,就必将要承担起社会责任


下一篇:手机游戏开发中如何选择适合的纹理格式