learn.lianglianglee.com/专栏/Serverless 技术公开课(完)/12 典型案例 1:函数计算在音视频场景实践.md.html
2022-05-11 18:46:27 +08:00

729 lines
16 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<!-- saved from url=(0046)https://kaiiiz.github.io/hexo-theme-book-demo/ -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<link rel="icon" href="/static/favicon.png">
<title>12 典型案例 1函数计算在音视频场景实践.md</title>
<!-- Spectre.css framework -->
<link rel="stylesheet" href="/static/index.css">
<!-- theme css & js -->
<meta name="generator" content="Hexo 4.2.0">
</head>
<body>
<div class="book-container">
<div class="book-sidebar">
<div class="book-brand">
<a href="/">
<img src="/static/favicon.png">
<span>技术文章摘抄</span>
</a>
</div>
<div class="book-menu uncollapsible">
<ul class="uncollapsible">
<li><a href="/" class="current-tab">首页</a></li>
</ul>
<ul class="uncollapsible">
<li><a href="../">上一级</a></li>
</ul>
<ul class="uncollapsible">
<li>
<a href="/专栏/Serverless 技术公开课(完)/01 架构的演进.md">01 架构的演进.md.html</a>
</li>
<li>
<a href="/专栏/Serverless 技术公开课(完)/02 Serverless 的价值.md">02 Serverless 的价值.md.html</a>
</li>
<li>
<a href="/专栏/Serverless 技术公开课(完)/03 常见 Serverless 架构模式.md">03 常见 Serverless 架构模式.md.html</a>
</li>
<li>
<a href="/专栏/Serverless 技术公开课(完)/04 Serverless 技术选型.md">04 Serverless 技术选型.md.html</a>
</li>
<li>
<a href="/专栏/Serverless 技术公开课(完)/05 函数计算简介.md">05 函数计算简介.md.html</a>
</li>
<li>
<a href="/专栏/Serverless 技术公开课(完)/06 函数计算是如何工作的?.md">06 函数计算是如何工作的?.md.html</a>
</li>
<li>
<a href="/专栏/Serverless 技术公开课(完)/07 函数粘合云服务提供端到端解决方案.md">07 函数粘合云服务提供端到端解决方案.md.html</a>
</li>
<li>
<a href="/专栏/Serverless 技术公开课(完)/08 函数计算的开发与配置.md">08 函数计算的开发与配置.md.html</a>
</li>
<li>
<a href="/专栏/Serverless 技术公开课(完)/09 函数的调试与部署.md">09 函数的调试与部署.md.html</a>
</li>
<li>
<a href="/专栏/Serverless 技术公开课(完)/10 自动化 CI&amp;CD 与灰度发布.md">10 自动化 CI&amp;CD 与灰度发布.md.html</a>
</li>
<li>
<a href="/专栏/Serverless 技术公开课(完)/11 函数计算的可观测性.md">11 函数计算的可观测性.md.html</a>
</li>
<li>
<a class="current-tab" href="/专栏/Serverless 技术公开课(完)/12 典型案例 1函数计算在音视频场景实践.md">12 典型案例 1函数计算在音视频场景实践.md.html</a>
</li>
<li>
<a href="/专栏/Serverless 技术公开课(完)/13 典型案例 3十分钟搭建弹性可扩展的 Web API.md">13 典型案例 3十分钟搭建弹性可扩展的 Web API.md.html</a>
</li>
<li>
<a href="/专栏/Serverless 技术公开课(完)/14 Serverless Kubernetes 容器服务介绍.md">14 Serverless Kubernetes 容器服务介绍.md.html</a>
</li>
<li>
<a href="/专栏/Serverless 技术公开课(完)/15 Serverless Kubernetes 应用部署及扩缩容.md">15 Serverless Kubernetes 应用部署及扩缩容.md.html</a>
</li>
<li>
<a href="/专栏/Serverless 技术公开课(完)/16 使用 Spot 低成本运行 Job 任务.md">16 使用 Spot 低成本运行 Job 任务.md.html</a>
</li>
<li>
<a href="/专栏/Serverless 技术公开课(完)/17 低成本运行 Spark 数据计算.md">17 低成本运行 Spark 数据计算.md.html</a>
</li>
<li>
<a href="/专栏/Serverless 技术公开课(完)/18 GPU 机器学习开箱即用.md">18 GPU 机器学习开箱即用.md.html</a>
</li>
<li>
<a href="/专栏/Serverless 技术公开课(完)/19 基于 Knative 低成本部署在线应用,灵活自动伸缩.md">19 基于 Knative 低成本部署在线应用,灵活自动伸缩.md.html</a>
</li>
<li>
<a href="/专栏/Serverless 技术公开课(完)/20 快速构建 JenkinsGitlab 持续集成环境.md">20 快速构建 JenkinsGitlab 持续集成环境.md.html</a>
</li>
<li>
<a href="/专栏/Serverless 技术公开课(完)/21 在线应用的 Serverless 实践.md">21 在线应用的 Serverless 实践.md.html</a>
</li>
<li>
<a href="/专栏/Serverless 技术公开课(完)/22 通过 IDEMaven 部署 Serverless 应用实践.md">22 通过 IDEMaven 部署 Serverless 应用实践.md.html</a>
</li>
<li>
<a href="/专栏/Serverless 技术公开课(完)/23 企业级 CICD 工具部署 Serverless 应用的落地实践.md">23 企业级 CICD 工具部署 Serverless 应用的落地实践.md.html</a>
</li>
<li>
<a href="/专栏/Serverless 技术公开课(完)/24 Serverless 应用如何管理日志&amp;持久化数据.md">24 Serverless 应用如何管理日志&amp;持久化数据.md.html</a>
</li>
<li>
<a href="/专栏/Serverless 技术公开课(完)/25 Serverless 应用引擎产品的流量负载均衡和路由策略配置实践.md">25 Serverless 应用引擎产品的流量负载均衡和路由策略配置实践.md.html</a>
</li>
<li>
<a href="/专栏/Serverless 技术公开课(完)/26 Spring CloudDubbo 应用无缝迁移到 Serverless 架构.md">26 Spring CloudDubbo 应用无缝迁移到 Serverless 架构.md.html</a>
</li>
<li>
<a href="/专栏/Serverless 技术公开课(完)/27 SAE 应用分批发布与无损下线的最佳实践.md">27 SAE 应用分批发布与无损下线的最佳实践.md.html</a>
</li>
<li>
<a href="/专栏/Serverless 技术公开课(完)/28 如何通过压测工具+ SAE 弹性能力轻松应对大促.md">28 如何通过压测工具+ SAE 弹性能力轻松应对大促.md.html</a>
</li>
<li>
<a href="/专栏/Serverless 技术公开课(完)/29 SAE 极致应用部署效率.md">29 SAE 极致应用部署效率.md.html</a>
</li>
</ul>
</div>
</div>
<div class="sidebar-toggle" onclick="sidebar_toggle()" onmouseover="add_inner()" onmouseleave="remove_inner()">
<div class="sidebar-toggle-inner"></div>
</div>
<script>
function add_inner() {
let inner = document.querySelector('.sidebar-toggle-inner')
inner.classList.add('show')
}
function remove_inner() {
let inner = document.querySelector('.sidebar-toggle-inner')
inner.classList.remove('show')
}
function sidebar_toggle() {
let sidebar_toggle = document.querySelector('.sidebar-toggle')
let sidebar = document.querySelector('.book-sidebar')
let content = document.querySelector('.off-canvas-content')
if (sidebar_toggle.classList.contains('extend')) { // show
sidebar_toggle.classList.remove('extend')
sidebar.classList.remove('hide')
content.classList.remove('extend')
} else { // hide
sidebar_toggle.classList.add('extend')
sidebar.classList.add('hide')
content.classList.add('extend')
}
}
function open_sidebar() {
let sidebar = document.querySelector('.book-sidebar')
let overlay = document.querySelector('.off-canvas-overlay')
sidebar.classList.add('show')
overlay.classList.add('show')
}
function hide_canvas() {
let sidebar = document.querySelector('.book-sidebar')
let overlay = document.querySelector('.off-canvas-overlay')
sidebar.classList.remove('show')
overlay.classList.remove('show')
}
</script>
<div class="off-canvas-content">
<div class="columns">
<div class="column col-12 col-lg-12">
<div class="book-navbar">
<!-- For Responsive Layout -->
<header class="navbar">
<section class="navbar-section">
<a onclick="open_sidebar()">
<i class="icon icon-menu"></i>
</a>
</section>
</header>
</div>
<div class="book-content" style="max-width: 960px; margin: 0 auto;
overflow-x: auto;
overflow-y: hidden;">
<div class="book-post">
<p id="tip" align="center"></p>
<div><h1>12 典型案例 1函数计算在音视频场景实践</h1>
<p>说到迁移,大家可能都会比较感兴趣,毕竟想要尝鲜 Serverless完全新作一些东西是不太现实的但是迁移已有的就会很有意思。如果我们可以非常简单快速地将已有的 Web 项目迁移到 Serverless 架构上,实现一键上 Serverless 架构,将会给大家带来很多便利。</p>
<p>众所周知Serverless 架构拥有很多优秀的特性,例如:</p>
<ul>
<li>按量付费:根据请求量进行收费,无请求时不收费;</li>
<li>弹性伸缩:用户无需关注流量洪峰,只需要将项目部署到 Serverless 架构,函数计算本身就具有着极强的弹性能力,可以快速地帮助大家进行动态扩容和缩容。</li>
</ul>
<p>如果我们可以将自己已有的一些 Web 项目部署到函数计算上,那么我们自己的这些项目也将会拥有以上特性。</p>
<h3>操作步骤演示</h3>
<ul>
<li><strong>点击查看【视频演示】</strong></li>
</ul>
<h4>1. 准备一个 Express 项目</h4>
<p><img src="assets/2020-09-21-060723.jpg" alt="图片 1.jpg" /></p>
<p>先准备一个已经存在的 Express 项目进行测试,如果没有 Express 项目,我们可以初始化一个。</p>
<p>初始化完成,我们可以按照提示,进行 npm install安装相关的依赖。此时我们的一个 Express 项目就完成了初始化。</p>
<h4>2. 通过 Fun 工具一键部署</h4>
<p><img src="assets/2020-09-21-060724.jpg" alt="图片 2.jpg" /></p>
<p>当我们项目完成初始化之后,我们可以通过 Funcraft 工具,一键进行项目部署。所谓的一键进行项目部署,并不夸张,因为,你只需要执行 <code>fun deploy -y</code>,系统会自动识别您的项目类型,并且帮您进行部署。</p>
<p><img src="assets/2020-09-21-060726.jpg" alt="图片 3.jpg" /></p>
<p>完成部署之后,我们可以看到一个自定义域名,打开这个网址,可以看到,一个 express 的本地项目已经完成了部署,并且已发布到线上。</p>
<p>至此,我们完成了一个简单的 Web 框架的迁移。</p>
<p>当然,函数计算所拥有的一键迁移能力不仅仅是 Express 框架,更多相关的资料可以访问<a href="https://www.aliyun.com/product/fc">函数计算的产品页</a></p>
</div>
</div>
<div>
<div style="float: left">
<a href="/专栏/Serverless 技术公开课(完)/11 函数计算的可观测性.md">上一页</a>
</div>
<div style="float: right">
<a href="/专栏/Serverless 技术公开课(完)/13 典型案例 3十分钟搭建弹性可扩展的 Web API.md">下一页</a>
</div>
</div>
</div>
</div>
</div>
</div>
<a class="off-canvas-overlay" onclick="hide_canvas()"></a>
</div>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v652eace1692a40cfa3763df669d7439c1639079717194" integrity="sha512-Gi7xpJR8tSkrpF7aordPZQlW2DLtzUlZcumS8dMQjwDHEnw9I7ZLyiOj/6tZStRBGtGgN6ceN6cMH8z7etPGlw==" data-cf-beacon='{"rayId":"70997471ac953d60","version":"2021.12.0","r":1,"token":"1f5d475227ce4f0089a7cff1ab17c0f5","si":100}' crossorigin="anonymous"></script>
</body>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-NPSEEVD756"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-NPSEEVD756');
var path = window.location.pathname
var cookie = getCookie("lastPath");
console.log(path)
if (path.replace("/", "") === "") {
if (cookie.replace("/", "") !== "") {
console.log(cookie)
document.getElementById("tip").innerHTML = "<a href='" + cookie + "'>跳转到上次进度</a>"
}
} else {
setCookie("lastPath", path)
}
function setCookie(cname, cvalue) {
var d = new Date();
d.setTime(d.getTime() + (180 * 24 * 60 * 60 * 1000));
var expires = "expires=" + d.toGMTString();
document.cookie = cname + "=" + cvalue + "; " + expires + ";path = /";
}
function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i].trim();
if (c.indexOf(name) === 0) return c.substring(name.length, c.length);
}
return "";
}
</script>
</html>