0
点赞
收藏
分享

微信扫一扫

5,公有云实战——云存储OSS使用初体验

云存储OSS使用初体验

实验描述:在搭建一个图片分享网站的时候,将图片上传到OSS中进行保存,然后修改网页中的图片地址从而在网页上面显示保存在OSS中的图片。
实验摘要:获取阿里云账号和资源信息、查看ECS初始网页、新建OSS的Bucket、上传图片文件到OSS、编辑ECS网页、查看ECS网页效果等。
实验建议:了解ECS和OSS的基本概念
实验特色:真实阿里云环境体会并了解OSS的基本使用方法及控制台的操作、对ECS中的网页编辑和访问。
目标人群:运维人员、开发人员
实验目标:熟练掌握OSS控制台Bucket和Object的基本操作,并能在网页中使用相关图片Object。

背景介绍

阿里云对象存储(Object Storage Service,简称OSS),是阿里云对外提供的海量、安全、低成本、高可靠的云存储服务。用户可以通过调用API,在任何应用、任何时间、任何地点上传和下载数据,也可以通过用户Web控制台对数据进行简单的管理。OSS适合存放任意文件类型,适合各种网站、开发企业及开发者使用。

    阿里云OSS图片处理服务(Image Service,简称 IMG) ,是阿里云OSS对外提供的海量、安全、低成本、高可靠的图片处理服务。用户将原始图片上传保存在OSS上,通过简单的 RESTful 接口,在任何时间、任何地点、任何互联网设备上对图片进行处理。图片处理服务提供图片处理接口,图片上传请使用OSS上传接口。基于IMG,用户可以搭建出跟图片相关的服务。图片服务处理的图片来自于OSS,所以图片的上传实际是上传到OSS的同名Bucket中。 

    在真实的工作场景中,一般将图片、音频、视频等存储到OSS服务中,这样可以极大的提高用户的页面访问速度。

实验详情

实验资源:

5,公有云实战——云存储OSS使用初体验_上传

1,查看图片分享网站

本小节将展示一个在ECS上已搭建的图片分享网站,以及图片分享网站的源码。

输入本次实验分配的ECS实例 外网地址。查看到当前页面中显示1张“花园”的图片,该图片实际是由4张小图片组成的。

5,公有云实战——云存储OSS使用初体验_上传_02

远程登录使用外网到ECS服务器,查看图片并分享网站的源码:

5,公有云实战——云存储OSS使用初体验_上传_03

登录到ECS服务器后,执行如下命令,进入网站系统的根目录:

cd /alidata/www/default

然后,使用如下查看命令,查看保存在根目录下的四张图片01.png,02.png,03.png和04.png

也就是图片分享网站所展示的4张小图片:

ls

5,公有云实战——云存储OSS使用初体验_外网_04

新建一个页面,并在地址栏中输入 <ECS实例外网地址>/01.png,可以查看到01.png的图片内容:

同理,可以查看"02.png","03.png"以及“04.png”的图片内容:

5,公有云实战——云存储OSS使用初体验_服务器_05

使用如下命令,查看网站首页的源码,可以看到图片分享网页中显示的图片,是从网站根目录 /alidata/www/default 中,读取图片 01.png02.png03.png04.png拼接的:

cat index.html

5,公有云实战——云存储OSS使用初体验_上传_06

2,上传图片文件

本小节将存储在本地的图片上传到OSS Bucket中,从而图片分享网站将从OSS Bucket中读取图片,本地无需保存图片

在ECS实例的 /alidata/www/default 目录中,执行如下命令,进入 cfg.json 的编辑页面,并修改OSS的配置信息。

vim cfg.json


id: 实验资源 分配的 AK ID 值;
secret: 实验资源 分配的 AK Secret 值


endpoint:请根据下面的 OSS地域与Endpoint对应关系表,输入实验资源所分配地域相对应的外网Endpoint 。
例如:分配的 地域 为 华东1(杭州),则输入 oss-cn-hangzhou.aliyuncs.com。

OSS地域与外网Endpoint对应关系表:
| 华东 1 (杭州) | oss-cn-hangzhou.aliyuncs.com |
| -------------| ---------------------------- |
| 华东 2 (上海) | oss-cn-shanghai.aliyuncs.com |
| 华北 1 (青岛) | oss-cn-qingdao.aliyuncs.com  |
| 华北 2 (北京) | oss-cn-beijing.aliyuncs.com  |
| 华南 1 (深圳) | oss-cn-shenzhen.aliyuncs.com |

bucket: 实验资源 分配的 OSS资源 Bucket 名称
object_dir: 实验资源 分配的 OSS资源 Object路径。

5,公有云实战——云存储OSS使用初体验_服务器_07

执行如下命令,将01.png上传到OSS

该脚本使用OSS 提供的API接口put_object_from_file()将本地文件上传到 实验资源 分配的 Object路径 中:

python oss_upload.py 01.png
python oss_upload.py 02.png
python oss_upload.py 03.png
python oss_upload.py 04.png

5,公有云实战——云存储OSS使用初体验_服务器_08

三个图片分别上传到OSS,接下来,用户将访问OSS管理控制台,并查看上传到OSS的文件:

5,公有云实战——云存储OSS使用初体验_外网_09

5,公有云实战——云存储OSS使用初体验_外网_10

登录成功后,找到并点击 对象存储OSS,从而进入OSS管理控制台:

5,公有云实战——云存储OSS使用初体验_服务器_11

进入OSS管理控制台后,在 概览Bucket列表 栏中,点击 实验资源 提供的 Bucket名称,例如 lab-oss-900hd2,进入 lab-oss-900hd2 Bucket管理页面:

5,公有云实战——云存储OSS使用初体验_上传_12

点击 文件列表 ,可以查看到当前Object列表中存在一个或多个文件夹。点击 实验资源 分配的一级 Object路径

例如:用户分配的 Object路径SL004/u-xxx/,则 SL004 为一级Object路径

点击 SL004,进入Object “SL004” 路径中:

5,公有云实战——云存储OSS使用初体验_外网_13

此时,在Object管理的列表的第一行中,用户可以查看到当前Object路径信息。在 Object管理 的Object列表中,展示已上传并保存到“SL004/u-xxx/”路径下的4张图片:01.png02.png03.png04.png

5,公有云实战——云存储OSS使用初体验_服务器_14

3,使用OSS存储图片分享网站

本小节中,搭建的图片分享网站将图片等静态资源,存储在OSS中,并直接从OSS中读取

返回ECS实例终端页面,执行下面命令进入alidata/www/default目录:

cd /alidata/www/default

然后执行如下命令,删除当前目录中的所有“.png”文件,也就是,图片分享网站中读取的4张图片01.png02.png, 03.png04.png

rm -rf *.png

执行查看文件命令,查看当前目录中无图片文件,证明图片已删除。

ls

5,公有云实战——云存储OSS使用初体验_上传_15

打开浏览器再次访问公网IP查看图片是否查看不了:

注意:若访问页面仍旧可以显示图片,可能是由于浏览器缓存问题
建议清理下浏览器的缓存或者换一个浏览器查看ECS服务器主页

5,公有云实战——云存储OSS使用初体验_服务器_16

接下来,将重新配置index.html中的图片访问信息,按照以下步骤将图片链接修改为上传到OSS的图片的URL访问地址:

5,公有云实战——云存储OSS使用初体验_服务器_17

点击 01.png ,找到并点击右侧弹出框的 复制文件 URL

5,公有云实战——云存储OSS使用初体验_服务器_18

执行如下命令返回ECS服务器的/alidata/www/default目录下,并进入服务器访问首页 index.html 的编辑界面:

cd /alidata/www/default
vim index.html

<!-- 图片1 -->下,找到第一张图片的链接参数 src="01.png",删除01.png,

并粘贴上面步骤中复制的上传到OSS 01.png 图片的访问 地址

同理如下,修改 02.png03.png04.png的链接地址为OSS的存储地址:

5,公有云实战——云存储OSS使用初体验_服务器_19

在浏览器中,刷新访问页面,页面将再次显示 花园 的图片,说明现在网站可以使用存储在OSS上的图片来显示页面:

5,公有云实战——云存储OSS使用初体验_服务器_20

举报

相关推荐

0 条评论