开发者社区> windvision> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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

简介: 目标 熟悉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访问。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
vuepress站点生成器的使用
vuepress,docker,docker-compose
16 0
WordPress新用户注册时/修改密码提示“您的密码重设链接无效”
WordPress新用户注册时/修改密码提示“您的密码重设链接无效”
41 0
网站漏洞检测 wordpress sql注入漏洞代码审计与修复
wordpress系统本身代码,很少出现sql注入漏洞,反倒是第三方的插件出现太多太多的漏洞,我们SINE安全发现,仅仅2019年9月份就出现8个插件漏洞,因为第三方开发的插件,技术都参差不齐,对安全方面也不是太懂导致写代码过程中没有对sql注入,以及xss跨站进行前端安全过滤,才导致发生sql注入漏洞。
230 0
Express 的使用
**以下内容,基于 Express 4.x 版本** # Node.js 的 Express # *Express* 估计是那种你第一次接触,就会喜欢上用它的框架。因为它真的非常简单,直接。 在当前版本上,一共才这么几个文件: ```txt lib/ ├── application.js ├── express.js ├── middleware │   ├─
1669 0
Express框架使用以及数据库公共操作类整理(Win7下的NodeJs)
具体步骤: 1、安装开发工具WebStorm; 2、安装node/npm(下载地址:https://nodejs.org/download/)选择适合你的xxx.mis安装; 3、安装express框架(cmd窗口模式,用npm命令执行:npm install express); 4、创建n...
856 0
15款优雅的 WordPress 电子商务网站主题
  WordPress 电子商务网站主题今年非常流行,特别是对那些想要在几分钟内创建一个在线商店,但又没有掌握网络开发的很多知识的人来说。WordPress 是一个功能强大的 CMS,它的灵活性和可用性是广受欢迎最主要的原因,如果你还没有使用它,可以尝试一下。
980 0
分享15款漂亮的WordPress企业主题
  这篇文章与大家分享15款漂亮的WordPress企业主题。WordPress 是一个功能非常强大的博客系统,插件众多,易于扩充功能。安装和使用都非常方便,而且有许多第三方开发的免费模板,安装方式简单易用。
1006 0
PHP学习 wordpress中的 get_option()
以下为转载 http://www.wordpress.la/codex-%E5%B8%B8%E7%94%A8%E5%87%BD%E6%95%B0-get_option().html 说明 这是一种从选项数据库表wp_options中获取有名称的选项的值的安全方法。
846 0
+关注
3
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载