活动实践 | 借助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

相关实践学习
通义万相文本绘图与人像美化
本解决方案展示了如何利用自研的通义万相AIGC技术在Web服务中实现先进的图像生成。
相关文章
|
3月前
|
编解码 数据处理 API
如何用阿里云OSS对图片和视频进行数据处理?
本文介绍了如何利用阿里云对象存储OSS进行图片和视频处理。OSS提供了丰富的功能,如图片的缩放、裁剪、旋转和水印添加等,用户只需在图片URL后附加处理参数即可实现自动化处理。同时,OSS还支持自定义样式模板,便于批量操作。对于视频处理,OSS支持转码、截图、拼接等功能,满足多终端播放需求。通过OSS的API和SDK,开发者可以方便地集成这些功能,提升数据管理效率。
|
9月前
|
消息中间件 监控 数据挖掘
【有奖实践】轻量消息队列(原 MNS)订阅 OSS 事件实时处理文件变动
当你需要对对象存储 OSS(Object Storage Service)中的文件变动进行实时处理、同步、监听、业务触发、日志记录等操作时,你可以通过设置 OSS 的事件通知规则,自定义关注的文件,并将 OSS 事件推送到轻量消息队列(原 MNS)的队列或主题中,开发者的服务即可及时收到相关通知,并通过消费消息进行后续的业务处理。
209 96
|
5月前
|
编解码 监控 算法
CDN+OSS边缘加速实践:动态压缩+智能路由降低30%视频流量成本(含带宽峰值监控与告警配置)
本方案通过动态压缩、智能路由及CDN与OSS集成优化,实现视频业务带宽成本下降31%,首帧时间缩短50%,错误率降低53%。结合实测数据分析与架构创新,有效解决冷启动延迟、跨区域传输及设备适配性问题,具备快速投入回收能力。
355 0
|
11月前
|
弹性计算 人工智能 数据管理
AI场景下的对象存储OSS数据管理实践
本文介绍了ECS和OSS的操作流程,分为两大部分。第一部分详细讲解了ECS的登录、密码重置、安全组设置及OSSUTIL工具的安装与配置,通过实验创建并管理存储桶,上传下载文件,确保资源及时释放。第二部分则聚焦于OSSFS工具的应用,演示如何将对象存储挂载为磁盘,进行大文件加载与模型训练,强调环境搭建(如Conda环境)及依赖安装步骤,确保实验结束后正确清理AccessKey和相关资源。整个过程注重操作细节与安全性,帮助用户高效利用云资源完成实验任务。
995 161
|
8月前
|
关系型数据库 数据库 对象存储
Dify实践|Dify on DMS+对象存储OSS,实现多副本部署方案
本文介绍了在DMS上部署Dify的详细步骤,用户可选择一键购买资源或基于现有资源部署Dify,需配置RDS PostgreSQL、Redis、AnalyticDB for PostgreSQL等实例,并设置存储路径和资源规格。文中还提供了具体配置参数说明及操作截图,帮助用户顺利完成部署。
|
9月前
|
消息中间件 对象存储
轻量消息队列(原 MNS)订阅 OSS 事件实践
使用轻量消息队列订阅OSS事件,实时处理文件变动,赢取ins风U型枕(限量500个)。访问活动页面,完成实操并上传截图即可参与领奖。活动时间:即日起至2025年2月28日16:00。奖品数量有限,先到先得,快来报名吧!
162 2
|
11月前
|
存储 人工智能 开发工具
AI场景下的对象存储OSS数据管理实践
本文介绍了对象存储(OSS)在AI业务中的应用与实践。内容涵盖四个方面:1) 对象存储作为AI数据基石,因其低成本和高弹性成为云上数据存储首选;2) AI场景下的对象存储实践方案,包括数据获取、预处理、训练及推理阶段的具体使用方法;3) 国内主要区域的默认吞吐量提升至100Gbps,优化了大数据量下的带宽需求;4) 常用工具介绍,如OSSutil、ossfs、Python SDK等,帮助用户高效管理数据。重点讲解了OSS在AI训练和推理中的性能优化措施,以及不同工具的特点和应用场景。
988 10
|
11月前
|
存储 对象存储 索引
对象存储OSS-m3u8视频私有权限
当上传至私有存储桶的M3U8视频缺少签名信息时,会导致播放失败(403错误)。解决方案是使用OSS的动态签名机制,在首次访问M3U8文件时,通过在URL中添加`x-oss-process=hls/sign`参数,OSS将自动对所有TS切片地址进行签名,确保视频正常播放。
835 2
|
10月前
|
存储 人工智能 数据管理
云端问道17期方案教学-AI场景下的对象存储OSS数据管理实践
本文介绍了AI场景下的对象存储OSS数据管理实践,由阿里云技术专家明锦分享。主要内容分为两部分:1) AI场景下对象存储实践方案,包括对象存储的应用、优势及在模型推理中的优化;2) OSS常用工具介绍,如OSSFS、Python SDK、Go SDK等,并详细说明了这些工具的特点和使用场景。文中还探讨了不同模式下的性能优化,以及即将推出的OS Connector for AI/ML工具,旨在提升数据下载速度和IO性能。
250 0
|
1月前
|
存储 人工智能 Cloud Native
阿里云渠道商:OSS与传统存储系统的差异在哪里?
本文对比传统存储与云原生对象存储OSS的架构差异,涵盖性能、成本、扩展性等方面。OSS凭借高持久性、弹性扩容及与云服务深度集成,成为大数据与AI时代的优选方案。

热门文章

最新文章

下一篇
oss云网关配置