体验简介
本场景将提供一台根底环境为CentOS的ECS(云服务器)实例和曾经创立好的PolarDB数据库实例。咱们将会在这台服务器上安装WordPress,帮忙您疾速搭建本人的云上博客。
618 有奖体验 点击返回,赢取猫超卡!
背景常识
● 云服务器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服务中,这样能够极大的进步用户的页面访问速度。
本步骤将领导您如何应用Workbench近程连贯ECS服务器。
重要:ecs免费资源请至阿里云云起实验室收费支付
1、双击关上虚构桌面的Chromium浏览器。
2、在RAM用户登录框中单击下一步,并复制粘贴页面左上角的子用户明码到用户明码输入框,点击登录。
3、复制下方地址,在Chromium浏览器关上新页签,粘贴并拜访云服务器ECS控制台。
https://ecs.console.aliyun.com
4、在左侧导航栏中,抉择实例与镜像>实例。
5、在实例页面顶部,抉择资源所在地区。例如下图中,地区切换为华东2(上海)。
6、在实例页面,找到您的ECS实例,单击操作列下的近程连贯。
阐明 :您可在云产品资源列表中查看指标实例的实例ID。
7、在近程连贯与命令对话框的Workbench近程连贯区域中,单击立刻登录。
8、在登录实例对话框中,输出ECS服务器的明码,单击确定。
阐明:您能够在云产品资源列表中查看到您的ECS服务器明码。
返回如下页面,示意您曾经胜利近程连贯到ECS服务器。
展现基于ECS的图片分享网站
本步骤为您展现基于ECS已搭建实现的图片分享网站,以及图片分享网站的源码。
\1. 在Chromium浏览器关上新页签,在地址栏输出http://<ECS公网地址>,拜访图片分享网站。
阐明 :您能够在云产品资源列表中查看到您的ECS云服务器的弹性IP。
返回如下页面,您能够查看到以后页面中显示1张 “花园” 的图片,该图片理论是由 4 张小图片组成的。
\2. 切换至Workbench近程连贯页签,执行如下命令,进入网站零碎的根目录。
cd /alidata/www/default
\3. 执行如下命令,查看网站零碎的根目录下的文件。
ls
返回后果如下,您能够在该目录下看到有01.png、02.png、03.png和04.png四张图片,图片分享网站所展现的“花园”图片就是由这四张图片组成。
\4. 在Chromium网页浏览器关上新页签,在地址栏中输出http://<ECS服务器的弹性IP)>/01.png并拜访。
返回如下页面,您能够看到01.png的图片内容。反复第四步,您能够看到02.png, 03.png和04.png的图片内容。
\5. 执行如下命令,查看图片分享网站的源码。
cat index.html
返回如下后果,您能够看到图片分享网页中显示的图片,是从网站零碎根目录/alidata/www/default中,读取图片01.png,02.png,03.png和04.png拼接的。
搭建基于ECS和OSS图片分享网站
本步骤将领导您如何在ECS实例上调用OSS API上传图片到OSS中。
1、在Workbench近程连贯页签,配置cfg.json文件中的OSS信息。
1)执行如下命令,编辑cfg.json文件。
vim cfg.json
2)按下i键进入编辑模式。
3)按i键进入编辑模式,别离找到以下参数,并将以下参数依据理论状况进行批改。
{ "id": "LTAI*****B3LE877v", "secret": "vMkd5******DEAP4", "endpoint": "oss-cn-shanghai.aliyuncs.com", "bucket": "adc-oss-1****2", "obj_dir": "******"}
参数阐明:
id:云产品资源列表中的AK ID。
- secret:云产品资源列表中的AK Secret。
- endpoint:云产品资源列表中OSS的Endpoint外网域名。
- bucket:云产品资源列表中OSS的Bucket名称。
- object_dir:云产品资源列表中OSS的Object门路。
增加后的文件内容如下所示。
4)按下Esc键后,输出:wq后按下Enter键保留并退出。
2、执行如下命令,将01.png上传到OSS的Object门路中。
阐明:
该脚本应用OSS提供的API接口put_object_from_file(),将本地文件上传到云产品资源列表OSS的Object门路中。通过Python SDK的形式上传本地文件到OSS的具体方法,请参考试验SL003 应用OSS API上传和下载文件。
python oss_upload.py 01.png
返回后果如下,示意您已胜利把01.png上传到OSS的Obeject中。
3、别离执行如下命令,将02.png、03.png和04.png三张图片别离上传到OSS的Object门路中。
python oss_upload.py 02.pngpython oss_upload.py 03.pngpython oss_upload.py 04.png
4、复制下方地址,在Chromium网页浏览器关上新页签,粘贴并拜访OSS控制台。
https://oss.console.aliyun.com/
5、在对象存储OSS治理控制台左侧导航栏中,单击Bucket列表。
6、在Bucket列表页面,单击Bucket名称。
阐明 :您能够在云产品资源列表中查看到您的OSS的Bucket名称。
7、在文件治理页签,您能够看到以后Object列表中存在一个或多个文件夹。依据云产品资源列表中OSS的Object一级门路,单击相应的文件名。
阐明 :如果云产品资源列表中OSS的Object门路为OSSCTY/u-xxx/,则OSSCTY为一级Object门路。
8、在Object一级门路中,依据云产品资源列表中OSS的Object二级门路,单击相应的文件名。
阐明 :如果云产品资源列表中OSS的Object门路为OSSCTY/u-xxx/,则u-xxx为二级Object门路。
返回如下页面,您能够在OSS的Object二级门路中,看到从ECS实例上传到OSS的四张图片。
读取OSS存储图片
本步骤将领导您如何批改图片分享网站的源码,实现图片分享网站从OSS中读取图片。
1、切换至Workbench近程连贯页签,执行如下命令,删除当前目录中的所有.png文件。
rm -rf *.png
2、执行如下命令,查看当前目录文件。
ls
返回如下后果,您能够看到四张图片曾经删除。
3、在Chromium网页浏览器关上新页签,在地址栏中输出http://<ECS服务器的弹性IP)>并拜访。
返回如下页面,您能够看到以后页面中所有图片均无奈失常显示。这是因为图片分享网站读取的是ECS实例中的图片文件,而ECS实例中的图片文件已被删除,因而无奈读取到图片信息。
留神 :若拜访页面仍旧能够显示图片,可能是因为浏览器缓存问题,倡议清理下浏览器的缓存或者换一个浏览器拜访。
4、切换至文件存储OSS治理控制台页签。在文件治理页签中,单击01.png。
5、在详情面板中,单击URL中的复制文件URL。
6、切换至Workbench近程连贯页签,批改图片分享网站的源码。
1)执行如下命令,编辑index.html。
vim index.html
2)按i键进入编辑模式,找到<!-- 图片1 -->下的<img>标签中的src参数,将scr参数批改为第十三步的URL。
3)反复上一步骤,别离批改<!-- 图片2 -->、<!-- 图片3 -->和<!-- 图片4 -->下的<img>标签中的src参数。
留神 :<!-- 图片2 -->、<!-- 图片3 -->和<!-- 图片4 -->下的<img>标签中的src参数,须要批改为OSS中对应的文件的URL。
批改实现后文件内容如下所示。
4)按下Esc键后,输出:wq后按下Enter键保留并退出。
7、在Chromium网页浏览器中,在地址栏中输出http://<ECS服务器的弹性IP)>并拜访。
返回如下页面,您能够看到“花园”图片,阐明当初网站能够应用存储在OSS上的图片来显示页面。