将基于一台配置了Alibaba Cloud Linux 3操作系统的ECS实例(云服务器)和OSS。通过本教程的操作,您可以在ECS实例上搭建在线教育网站,从OSS中上传数据,可以开通OSS传输加速对OSS数据进行加速访问,并且可以设置生命周期对OSS进行降本增效。
1、开始创建
2、重置云服务器ECS的登录密码
3、添加安全组端口
4、创建在线教育网站页面
1)远程连接ECS,下载并安装nginx。
wget https://nginx.org/download/nginx-1.20.2.tar.gz
yum -y install zlib zlib-devel gcc-c++ pcre-devel openssl openssl-devel
tar -zxvf nginx-1.20.2.tar.gz
cd nginx-1.20.2
./configure --prefix=/usr/local/nginx/ --with-http_ssl_module --with-http_stub_status_module
make
make install
2)执行如下命令,进入/usr/local/nginx/sbin目录。启动nginx。
3)执行如下命令,在/usr/local/nginx/html/目录下创建新文件夹edu。
4)执行以下命令,编辑index.html文件。
vim /usr/local/nginx/html/edu/index.html
5)按下i键进入编辑模式,将如下代码复制并粘贴到文件中。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>在线教育</title>
<meta name="keywords" content="在线教育">
<meta name="description" content="在线教育">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<!--Favicon-->
<link rel="shortcut icon" href="" title="Favicon">
<style>
@media all and (orientation : portrait) {
/*竖屏*/
.mypic {
width: 80%;
}
}
@media all and (orientation : landscape) {
/*横屏*/
.mypic {
width: 40%;
}
}
a {
color: #000000;
}
a:link {
color: #000000;
}
a:visited {
color: #000000;
}
a:hover {
color: #000000;
}
a:active {
color: #000000;
}
</style>
</head>
<body style=" font-family: 'Microsoft JhengHei UI';">
<div id="wrapper" style=" margin: 0 15px; padding: 15px 0; position: relative;">
<div style="padding:20px;">
<p><font size="10" color="green">在线教育网</font></p>
<p><font size="3" >您贴身的教育管家</font></p>
</div>
<p style="text-align:center"><font size="6" color="green">您可在此获取到丰富的教学视频,充分满足学习要求</font></p>
<div style="padding:50px;">
<h1 style="text-align:center">精选课程</h1>
<p style="text-align:center">口碑好,效益佳</p>
<div>
<table style="float: center;">
<tbody>
<tr>
<td>
<b>
<center>
<div class="video">
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
</video>
<p>实战视频1</p>
<p>您可以在此视频学习相关内容1</p>
</div>
</center>
</b>
</td>
<td>
<b></b>
<center><b>
<div class="video">
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
</video>
<p>实战视频2</p>
<p>您可以在此视频学习相关内容2</p>
</div>
</b></center>
</td>
<td>
<b>
<center>
<div class="video">
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
</video>
<p>实战视频3</p>
<p>您可以在此视频学习相关内容3</p>
</div>
</center>
</b>
</td>
<td>
<b>
<center>
<div class="video">
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
</video>
<p>实战视频4</p>
<p>您可以在此视频学习相关内容4</p>
</div>
</center>
</b>
</td>
</tr>
</tbody>
</table>
</div>
<h1 style="text-align:center">观看金牌讲师直播</h1>
<p style="text-align:center">所有导师来自名企,有多年教学经验</p>
<div>
<table style="float: center;">
<tbody>
<tr>
<td>
<b>
<center>
<div class="video">
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
</video>
<p>张佳佳</p>
<p>擅长教学产品知识</p>
</div>
</center>
</b>
</td>
<td>
<b></b>
<center><b>
<div class="video">
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
</video>
<p>李文</p>
<p>多年web开发经验</p>
</div>
</b></center>
</td>
<td>
<b>
<center>
<div class="video">
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
</video>
<p>王杰</p>
<p>专攻大数据计算</p>
</div>
</center>
</b>
</td>
<td>
<b>
<center>
<div class="video">
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
</video>
<p>刘子雯</p>
<p>运营专家</p>
</div>
</center>
</b>
</td>
</tr>
</tbody>
</table>
</div>
<p style=" margin: 0 auto; text-align: center; ">
<img class="mypic" src=""
style=" vertical-align: middle; text-align: center;">
</p>
<p>
更多:
<a style=" font-size:14px; font-family: 'Microsoft JhengHei UI'" href="https://www.aliyun.com"
target="_blank">aliyun.com</a>
</p>
<p>电话号码:xxxxx;</p>
</div>
</div>
</body>
</html>
6)在您的本机浏览器地址栏中,输入http://ECS公网IP地址/edu,访问在线教育网站。
5、上传数据至OSS
1)下载本视频到本地电脑
2)登录OSS在文件管理处上传这个视频。
6、开通并使用OSS传输加速
1)在Bucket列表页面,找到创建的Bucket,然后在右侧的传输加速列下,单击开启。
2)在文件列表页面,找到上传的文件,单击其右侧操作列下的详情。在详情面板,将过期时间改为7200,单击复制URL,后续步骤要用。
3)传输加速开通之后,需要将文件URL的Endpoint字段替换成传输加速Endpoint,才可使传输加速生效。
在本实验中,您需要将上一步的文件URL中的oss-cn-shanghai改为oss-accelerate,然后在您的本机浏览器地址栏中,访问文件URL,即可访问传输加速效果的OSS文件。
4)在您的本机浏览器地址栏中,访问下方地址链接,然后选择任意地域,单击立即检测,可以查看不同区域使用传输加速前后的对比情况。
https://oss.console.aliyun.com/velocity-tool
7、在服务器后台html页面中插入OSS视频源
1)执行如下命令,编辑index.html文件。
vim /usr/local/nginx/html/edu/index.html
2)将其上方source src中的movie.mp4替换成修改后的文件URL,即文件URL中的oss-cn-shanghai改为oss-accelerate。
3)在您的本机浏览器地址栏中,输入http://ECS公网IP地址/edu,访问在线教育网站。
8、OSS配置生命周期
1)选择数据管理 > 生命周期。在生命周期页面,单击创建规则。
2)以最后一次修改时间,超过一定时间数据未修改的,数据将自动转换为低频访问为例。