白嫖的新知识!
云服务器(Elastic Compute Service,简称ECS)是阿里云提供的性能卓越、稳定可靠、弹性扩展的IaaS(Infrastructure as a Service)级别云计算服务,免去了您采购IT硬件的前期准备,让您像使用水、电、天然气等公共资源一样便捷、高效地使用服务器,实现计算资源的即开即用和弹性伸缩。
阿里云对象存储(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上的图片来显示页面。