白嫖的新知识！

• 云服务器  ECS

云服务器（Elastic Compute Service，简称 ECS）是阿里云提供的性能卓越、稳定可靠、弹性扩展的 IaaS（Infrastructure as a Service）级别云计算服务，免去了您采购 IT 硬件的前期准备，让您像使用水、电、天然气等公共资源一样便捷、高效地使用服务器，实现计算资源的即开即用和弹性伸缩。

• 文件存储  OSS

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

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

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

实验背景：

本教程介绍如何基于云服务器 ECS 和对象存储 OSS，搭建一个图片分享网站。

实验简介：

本场景将提供一台配置了  CentOS 7.7  操作系统的  ECS  实例（云服务器）和一个对象存储  OSS 。通过本教程的操作，您可以基于  CentOS 7.7  操作系统的  ECS  实例和文件存储  OSS ，搭建一个图片分享网站。

实验操作：

【实验链接～立即前往】： https://developer.aliyun.com/adc/scenario/90b2bceaf9954d6f8780f26a1c913385

1 、链接 ecs 服务器

打开虚拟桌面的 Chromium 浏览器，在 RAM 用户登录框中进行用户密码的配置。访问云服务器 ECS 控制台，切换所在地域并找到个人专属 ECS 实例进行远程连接。

说明：您可以在云产品资源列表中查看到您的 ECS 服务器密码。

2 、展示基于 ECS 的图片分享网站

本步骤将展示基于 ECS 已搭建完成的图片分享网站，以及图片分享网站的源码。

在云产品资源列表中查看到您的 ECS 云服务器的弹性 IP，浏览图片样式。接下来切换至 Workbench 远程连接页签，执行如下命令，进入网站系统的根目录并查看网站系统的根目录下的文件。

返回如下结果，就可以看到图片分享网页中显示的图片，是从网站系统根目录 /alidata/www/default 中，读取图片 01.png，02.png，03.png 和 04.png 拼接的。

3 、搭建基于 ECS 和 OSS 图片分享网站

本步骤将提供指导如何在 ECS 实例上调用 OSS API 上传图片到 OSS 中。

在 Workbench 远程连接页签，配置 cfg.json 文件中的 OSS 信息，分别找到以下参数，并将以下参数根据实际情况进行修改。

分别执行如下命令，将 01.png、02.png、03.png 和 04.png 三张图片分别上传到 OSS 的 Object 路径中。

访问 OSS 控制台，在文件管理页签，可以看到当前 Object 列表中存在一个或多个文件夹。根据云产品资源列表中 OSS 的 Object 一级路径，单击相应的文件名。在 Object 一级路径中，根据云产品资源列表中 OSS 的 Object 二级路径，单击相应的文件名，之后可以在 OSS 的 Object 二级路径中，看到从 ECS 实例上传到 OSS 的四张图片。

5.  读取 OSS 存储图片

本步骤将指导如何修改图片分享网站的源码，实现图片分享网站从 OSS 中读取图片。

切换至 Workbench 远程连接页签，删除当前目录中的所有.png 文件，可看到图片分享网站读取的 ECS 实例中的图片文件均无法正常显示。切换至文件存储 OSS 管理控制台页签。在文件管理页签中，单击 01.png，复制文件 URL。切换至 Workbench 远程连接页签，修改图片分享网站的源码。按 i 键进入编辑模式，找到 <!-- 图片 1 --> 下的 < img > 标签中的 src 参数，将 scr 参数修改为图片的 URL。重复上一步骤，修改 02png、03png、04png。修改完成后文件内容如下所示。

在  Chromium  网页浏览器中，在地址栏中输入  http://<ECS  服务器的弹性  IP)>  并访问，返回页面即可以看到图片，说明现在网站可以使用存储在  OSS  上的图片来显示页面。