新闻中心

浏览量:0
2021-03-14 00:24
华为云计算
大数据
RedHat
修改系统密码
Cisco
修复文件系统
修改密码
VMware
修改系统密码
Cisco
大数据
修复文件系统
华为云计算
修改密码
RedHat
VMware

热门关键词

这里有最新的公司动态,这里有最新的网站设计、移动端设计、网页相关内容与你分享

[Aliyun-ACP] 云存储OSS使用初体验

收藏

.1 背景介绍

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

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

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

 

img1

2.2 查看图片分享网站

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

 

2.      首先,在浏览器中新建一个页面。然后,在浏览器的地址栏中,输入本次实验分配的ECS实例 弹性IP。查看到当前页面中显示1张“花园”的图片,该图片实际是由4张小图片组成的。

img2

3.     远程登录到ECS服务器,查看图片并分享网站的源码。登录信息请使用本实验 实验资源 提供的ECS服务器的 外网地址用户名密码

说明:本实验ECS服务器为 Linux操作系统,因此远程登录ECS实例的详细步骤,请参考云中沙箱帮助文档远程连接Linux系统

img3

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

# cd /alidata/www/default

然后,使用如下查看命令,查看保存在根目录下的四张图片01.png,02.png,03.png和04.png,也就是图片分享网站所展示的4张小图片。

# ls

img4

        在浏览器中,新建一个页面,并在地址栏中输入 <ECS实例外网地址>/01.png,可以查看到01.png的图片内容。同理,可以查看"02.png","03.png"以及“04.png”的图片内容。

img5

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

cat index.html

 

2.3 上传图片文件

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

 

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

# vim cfg.json

img6

        在编辑页面中,修改如下参数信息。

·       id:云中沙箱 实验资源 分配的 AK ID 值;

·       secret:云中沙箱 实验资源 分配的 AK Secret

·       endpoint:请根据下面的 OSS地域与Endpoint对应关系表,输入 实验资源 所分配 地域 相对应的 外网Endpoint 。例如:分配的 地域

为 华东1(杭州),则输入 oss-cn-hangzhou.aliyuncs.com

·       bucket:云中沙箱 实验资源 分配的 OSS资源 Bucket 名称

·       object_dir:云中沙箱 实验资源 分配的 OSS资源 Object路径

完成后,首先按 esc键 退出编辑状态,然后输入下面命令保存并退出编辑页面。

 :wq 

OSS地域与外网Endpoint对应关系表:

地域

外网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

img7

 

3.     执行如下命令,将01.png上传到OSS,该脚本使用OSS 提供的API接口put_object_from_file()将本地文件上传到 实验资源 分配的 Object路径 中。

python oss_upload.py 01.png

        然后,执行相同命令,只把 01.png 改为 02.png 等,将02.png03.png 04.png三个图片分别上传到OSS。接下来,用户将访问OSS管理控制台,并查看上传到OSS的文件。

说明:通过 Python SDK 的方式上传本地文件到OSS的具体方法,请参考实验 SL003 使用OSS API上传和下载文件

img8

4.     首先,请点击左侧的 实验资源,然后点击 前往管理控制台,访问阿里云RAM登录界面。

img9 

在阿里云RAM登录界面,输入本次实验 实验资源 中分配的 子用户名称 和 子用户密码 。点击 登录,进入阿里云管理控制台。

img10img11

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

子用户打开OSS

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

OSS找到bucket

7.    点击 文件管理 ,可以查看到当前Object列表中存在一个或多个文件夹。点击 实验资源 分配的一级 Object路径。例如:用户分配的 Object路径 为 SL004/u-xxx/,则 SL004 为一级Object路径。点击 SL004,进入Object “SL004” 路径中。

找到sl004

        在“SL004”的Object路径中,点击云中沙箱分配的二级 Object路径。例如:用户分配的 Object路径 为 SL004/u-xxx/,则 u-xxx 为二级Object路径。点击 u-xxx 进入Object  SL004/u-xxx 路径中。

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

图片上传成功

 

 

img16

 

2.4 使用OSS存储图片分享网站

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

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

# cd /alidata/www/default

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

# rm -rf *.png

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

# ls

img17

3.    打开(在浏览器的地址栏中,输入 实验资源 分配的ECS 外网地址 并访问)或刷新图片分享网站主页面,查看到当前页面中所有图片均无法正常显示。这是因为图片分享网站读取的是本地图片文件,而本地存储的图片文件已被删除,因此无法读取到图片信息。

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

img18

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

1)   返回OSS管理控制台,进入云中沙箱 实验资源 分配的 Object路径 中,获取图片的URL访问地址。点击 01.png ,找到并点击右侧弹出框的 复制文件 URL。

获取图片url

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

# cd /alidata/www/default

# vim index.html

 3)    在<!-- 图片1 -->下,找到第一张图片的链接参数 src="01.png",删除01.png,并粘贴上面步骤中复制的上传到OSS 01.png 图片的访问 地址。 同理,修改 02.png03.png04.png的链接地址为OSS的存储地址。

img20

4)    完成所有图片的修改后,点击 esc键 退出编辑状态,执行以下命令保存并退出编辑页面。

wq

5.     在浏览器中,刷新 ECS实例的 外网地址 的访问页面,页面将再次显示 花园 的图片,说明现在网站可以使用存储在OSS上的图片来显示页面。

img21

 

首页    阿里云    [Aliyun-ACP] 云存储OSS使用初体验