活动实践 | 借助OSS搭建在线教育视频课程分享网站

本文涉及的产品
对象存储 OSS,20GB 3个月
对象存储 OSS,恶意文件检测 1000次 1年
对象存储 OSS,内容安全 1000次 1年
简介: 本教程指导用户在阿里云ECS实例上搭建在线教育网站,包括重置ECS密码、配置安全组、安装Nginx、创建网站页面、上传数据至OSS、开通OSS传输加速、配置生命周期策略及清理资源等步骤,实现高效、低成本的数据管理和网站运营。

将基于一台配置了Alibaba Cloud Linux 3操作系统的ECS实例(云服务器)和OSS。通过本教程的操作,您可以在ECS实例上搭建在线教育网站,从OSS中上传数据,可以开通OSS传输加速对OSS数据进行加速访问,并且可以设置生命周期对OSS进行降本增效。

1、开始创建

image.png

2、重置云服务器ECS的登录密码

image.png
image.png
image.png

3、添加安全组端口

image.png

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

image.png
image.png

2)执行如下命令,进入/usr/local/nginx/sbin目录。启动nginx。

image.png
image.png

3)执行如下命令,在/usr/local/nginx/html/目录下创建新文件夹edu。
image.png

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,访问在线教育网站。

image.png

5、上传数据至OSS

1)下载本视频到本地电脑
image.png

2)登录OSS在文件管理处上传这个视频。
image.png
image.png

image.png

6、开通并使用OSS传输加速

1)在Bucket列表页面,找到创建的Bucket,然后在右侧的传输加速列下,单击开启。

image.png

image.png
image.png

2)在文件列表页面,找到上传的文件,单击其右侧操作列下的详情。在详情面板,将过期时间改为7200,单击复制URL,后续步骤要用。
image.png

3)传输加速开通之后,需要将文件URL的Endpoint字段替换成传输加速Endpoint,才可使传输加速生效。

在本实验中,您需要将上一步的文件URL中的oss-cn-shanghai改为oss-accelerate,然后在您的本机浏览器地址栏中,访问文件URL,即可访问传输加速效果的OSS文件。
image.png

4)在您的本机浏览器地址栏中,访问下方地址链接,然后选择任意地域,单击立即检测,可以查看不同区域使用传输加速前后的对比情况。

https://oss.console.aliyun.com/velocity-tool

image.png

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。

image.png

3)在您的本机浏览器地址栏中,输入http://ECS公网IP地址/edu,访问在线教育网站。
image.png

8、OSS配置生命周期

1)选择数据管理 > 生命周期。在生命周期页面,单击创建规则。

image.png

2)以最后一次修改时间,超过一定时间数据未修改的,数据将自动转换为低频访问为例。

image.png
image.png

9、清理资源

image.png

相关实践学习
借助OSS搭建在线教育视频课程分享网站
本教程介绍如何基于云服务器ECS和对象存储OSS,搭建一个在线教育视频课程分享网站。
相关文章
|
19天前
|
人工智能 Cloud Native Java
活动回顾丨云原生开源开发者沙龙·杭州站回放 & PPT 下载
11 月 08 日,云原生开源开发者沙龙丨AI 应用工程化专场在杭州顺利举办。
活动回顾丨云原生开源开发者沙龙·杭州站回放 & PPT 下载
|
运维 Cloud Native 关系型数据库
活动回顾|阿里云 Serverless 技术实战与创新成都站回放&PPT下载
7月29日“阿里云 Serverless 技术实战与创新”成都站圆满落幕。可免费下载成都站|阿里云 Serverless 沙龙演讲 PPT。
|
7月前
|
自然语言处理 搜索推荐
云起实践平台常见问题Q&A
云起实践平台常见问题Q&A
17434 0
|
存储 弹性计算 数据管理
云上有“数”系列实验(1)——利用OSS搭建在线教育视频课程分享网
本场景将基于一台配置了CentOS 7.7的ECS实例(云服务器)和OSS资源。通过本教程的操作,您可以在ECS实例上搭建在线教育网站,从OSS中上传数据,可以开通OSS传输加速对OSS数据进行加速访问,并且可以设置生命周期对OSS进行降本增效。
|
存储 弹性计算 对象存储
借助OSS搭建在线教育视频课程分享网站
本教程介绍如何基于云服务器ECS和对象存储OSS,搭建一个在线教育视频课程分享网站。
|
存储 分布式计算 DataWorks
Github实时数据分析与可视化训练营火热开启!免费领取5000元云上资源
此次训练营内容基于GitHub Archive公开数据集,通过DataWorks将GitHub中的项目、行为等20多种事件类型数据实时采集至Hologres进行分析,同时使用DataV内置模板,快速搭建实时可视化数据大屏,从开发者、项目、编程语言等多个维度了解GitHub实时数据变化情况。
|
存储 监控 文件存储
云存储Clouder认证:基于存储产品快速搭建网盘—课时10:课程总结与补充
云存储Clouder认证:基于存储产品快速搭建网盘—课时10:课程总结与补充
|
人工智能 运维 Cloud Native
活动回顾丨阿里云 Serverless 技术实战与创新广州站回放& PPT 下载
活动回顾丨阿里云 Serverless 技术实战与创新广州站回放& PPT 下载
|
人工智能 运维 Cloud Native
活动回顾|阿里云 Serverless 技术实战与创新广州站回放&PPT下载
7月8日“阿里云 Serverless 技术实战与创新”广州站圆满落幕。活动受众以关注Serverless 技术的开发者、企业决策人、云原生领域创业者为主,活动形式为演讲、动手实操,让开发者通过一个下午的时间增进对 Serverless 技术的理解,快速上手Serverless, 拥抱云计算新范式带来的技术红利。
|
存储 安全 数据挖掘
重磅产品免费体验,参与对象存储OSS评测赢大奖
阿里云重磅产品限时免费体验,写下原创评测,还有机会赢取beats耳机、小米双肩背包、开发者评测全套定制周边、阿里云社区优质评测证书、30元猫超卡等诸多好礼!
6578 2