活动实践 | 借助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,搭建一个在线教育视频课程分享网站。
相关文章
|
26天前
|
存储 人工智能 开发工具
AI场景下的对象存储OSS数据管理实践
本文介绍了对象存储(OSS)在AI业务中的应用与实践。内容涵盖四个方面:1) 对象存储作为AI数据基石,因其低成本和高弹性成为云上数据存储首选;2) AI场景下的对象存储实践方案,包括数据获取、预处理、训练及推理阶段的具体使用方法;3) 国内主要区域的默认吞吐量提升至100Gbps,优化了大数据量下的带宽需求;4) 常用工具介绍,如OSSutil、ossfs、Python SDK等,帮助用户高效管理数据。重点讲解了OSS在AI训练和推理中的性能优化措施,以及不同工具的特点和应用场景。
81 10
|
26天前
|
弹性计算 人工智能 数据管理
AI场景下的对象存储OSS数据管理实践
本文介绍了ECS和OSS的操作流程,分为两大部分。第一部分详细讲解了ECS的登录、密码重置、安全组设置及OSSUTIL工具的安装与配置,通过实验创建并管理存储桶,上传下载文件,确保资源及时释放。第二部分则聚焦于OSSFS工具的应用,演示如何将对象存储挂载为磁盘,进行大文件加载与模型训练,强调环境搭建(如Conda环境)及依赖安装步骤,确保实验结束后正确清理AccessKey和相关资源。整个过程注重操作细节与安全性,帮助用户高效利用云资源完成实验任务。
83 10
|
1天前
|
存储 人工智能 数据管理
云端问道17期方案教学-AI场景下的对象存储OSS数据管理实践
本文介绍了AI场景下的对象存储OSS数据管理实践,由阿里云技术专家明锦分享。主要内容分为两部分:1) AI场景下对象存储实践方案,包括对象存储的应用、优势及在模型推理中的优化;2) OSS常用工具介绍,如OSSFS、Python SDK、Go SDK等,并详细说明了这些工具的特点和使用场景。文中还探讨了不同模式下的性能优化,以及即将推出的OS Connector for AI/ML工具,旨在提升数据下载速度和IO性能。
|
28天前
|
存储 对象存储 索引
对象存储OSS-m3u8视频私有权限
当上传至私有存储桶的M3U8视频缺少签名信息时,会导致播放失败(403错误)。解决方案是使用OSS的动态签名机制,在首次访问M3U8文件时,通过在URL中添加`x-oss-process=hls/sign`参数,OSS将自动对所有TS切片地址进行签名,确保视频正常播放。
68 2
|
8月前
|
存储 数据管理 Java
基于OSS、NFS构建高性能可扩展的遥感智能解译系统实践之路
该文探讨了构建高性能、可扩展的遥感智能解译系统的架构演进过程。作者强调架构应根据业务场景而定,而非追求单一的“最佳”架构。文章分为五个部分,介绍了从初步的业务场景分析到逐步优化的架构设计。 1. 业务场景描述了服务于地理信息行业的遥感数据管理平台,包括数据湖和遥感智能解译系统的功能和架构设计。 2. 初代系统解决了数据管理和智能解译的基本需求,但存在数据同步效率低下的问题。 3. 自动化阶段通过消息推送和数据接收模块减少了人工干预,将处理时间减半,但仍存在效率和稳定性问题。 4. 高性能阶段引入数据订阅/推送和数据接收Agent,实现了稳定、高速的数据传输,性能提升了6倍。
48861 2
|
7月前
|
对象存储
视觉智能开放平台操作报错合集之用oss上传视频后,发起调用报错是什么导致的
在使用视觉智能开放平台时,可能会遇到各种错误和问题。虽然具体的错误代码和消息会因平台而异,但以下是一些常见错误类型及其可能的原因和解决策略的概述,包括但不限于:1. 认证错误、2. 请求参数错误、3. 资源超限、4. 图像质量问题、5. 服务不可用、6. 模型不支持的场景、7. 网络连接问题,这有助于快速定位和解决问题。
|
8月前
|
存储 弹性计算 数据库
阿里云oss备份网站数据的详细步骤
该教程指导如何使用阿里云OSS备份网站数据。首先,注册阿里云账号并购买40GB的OSS存储空间。创建Bucket,选择与服务器相同的区域和私有权限。安装阿里云OSS插件,获取AccessKey信息。在宝塔面板中设置计划任务进行网站或数据库备份,选择内网域名以节省流量。备份完成后,通过文件管理器检查OSS中是否有备份文件。下载备份文件需点击文件名,然后打开文件URL。
360 5
|
6月前
|
机器学习/深度学习 人工智能 专有云
人工智能平台PAI使用问题之怎么将DLC的数据写入到另一个阿里云主账号的OSS中
阿里云人工智能平台PAI是一个功能强大、易于使用的AI开发平台,旨在降低AI开发门槛,加速创新,助力企业和开发者高效构建、部署和管理人工智能应用。其中包含了一系列相互协同的产品与服务,共同构成一个完整的人工智能开发与应用生态系统。以下是对PAI产品使用合集的概述,涵盖数据处理、模型开发、训练加速、模型部署及管理等多个环节。
|
2月前
|
分布式计算 Java 开发工具
阿里云MaxCompute-XGBoost on Spark 极限梯度提升算法的分布式训练与模型持久化oss的实现与代码浅析
本文介绍了XGBoost在MaxCompute+OSS架构下模型持久化遇到的问题及其解决方案。首先简要介绍了XGBoost的特点和应用场景,随后详细描述了客户在将XGBoost on Spark任务从HDFS迁移到OSS时遇到的异常情况。通过分析异常堆栈和源代码,发现使用的`nativeBooster.saveModel`方法不支持OSS路径,而使用`write.overwrite().save`方法则能成功保存模型。最后提供了完整的Scala代码示例、Maven配置和提交命令,帮助用户顺利迁移模型存储路径。
|
5月前
|
存储 机器学习/深度学习 弹性计算
阿里云EMR数据湖文件系统问题之OSS-HDFS全托管服务的问题如何解决
阿里云EMR数据湖文件系统问题之OSS-HDFS全托管服务的问题如何解决