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

本文涉及的产品
对象存储 OSS,20GB 3个月
对象存储 OSS,恶意文件检测 1000次 1年
对象存储 OSS,内容安全 1000次 1年
简介: 目标 熟悉OSS的基本概念 使用Wordpress插件将图片存储到OSS 准备工作 OSS主页和控制台OSS主页 OSS控制台 AccessKey获取页面 OSS文档和SDK 注意事项:预计耗费的费用OSS是一个按量计费的

目标

  • 熟悉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访问。

相关实践学习
借助OSS搭建在线教育视频课程分享网站
本教程介绍如何基于云服务器ECS和对象存储OSS,搭建一个在线教育视频课程分享网站。
目录
相关文章
|
26天前
|
监控 Serverless 测试技术
Serverless 应用引擎常见问题之生成的图片的oss地址配成自定义的域名如何解决
Serverless 应用引擎(Serverless Application Engine, SAE)是一种完全托管的应用平台,它允许开发者无需管理服务器即可构建和部署应用。以下是Serverless 应用引擎使用过程中的一些常见问题及其答案的汇总:
22 0
|
6月前
|
JavaScript 对象存储
在阿里云OpenAPI 为什么oss 图片链接, 在浏览器访问直接下载了,不是预览呢?
在阿里云OpenAPI 为什么oss 图片链接, 在浏览器访问直接下载了,不是预览呢?
423 1
|
缓存 对象存储 数据安全/隐私保护
阿里云OSS图片访问出现跨域:Access to image at from origin has been blocked by CORS policy
阿里云OSS图片访问出现跨域:Access to image at from origin has been blocked by CORS policy
1471 0
阿里云OSS图片访问出现跨域:Access to image at from origin has been blocked by CORS policy
|
对象存储 容器
Typora配置阿里云OSS作为图床上传图片
Typora配置阿里云OSS作为图床上传图片
720 0
|
2天前
|
消息中间件 存储 安全
对象存储OSS产品常见问题之使用中上传图片慢如何解决
对象存储OSS是基于互联网的数据存储服务模式,让用户可以安全、可靠地存储大量非结构化数据,如图片、音频、视频、文档等任意类型文件,并通过简单的基于HTTP/HTTPS协议的RESTful API接口进行访问和管理。本帖梳理了用户在实际使用中可能遇到的各种常见问题,涵盖了基础操作、性能优化、安全设置、费用管理、数据备份与恢复、跨区域同步、API接口调用等多个方面。
17 0
|
7月前
|
存储 弹性计算 网络安全
搭建基于OSS的图片分享网站
本教程介绍如何基于云服务器ECS和对象存储OSS,搭建一个图片分享网站。
319 0
|
6月前
|
Java 对象存储
【工具类】使用阿里oss实现图片、视频、文档上传
【工具类】使用阿里oss实现图片、视频、文档上传
223 0
|
2月前
|
前端开发 Java
WordPress动漫图片主题cxudy模板
WordPress多功能CX-UDY图片主题代码分享
25 1
|
2月前
|
域名解析 应用服务中间件 对象存储
解决阿里云oss图片浏览器访问直接下载而不是打开
解决阿里云oss图片浏览器访问直接下载而不是打开
323 0
|
5月前
|
域名解析 对象存储 数据安全/隐私保护
如何 Wordpress 使用 OSS 上传图片、文件
如何使用 OSS 上传 Wordpress 的图片文件
1239 2