为了让你真正落地执行,我将以"个人博客/小型视频站"最常见的技术栈为例,提供两套最实用的具体配置方案。
请根据你的开发能力选择:
- 方案 A(推荐): 使用阿里云 OSS (https://www.aliyun.com/product/oss)浏览器直传(前端直接上传到云存储,不经过你的服务器,省带宽、速度快)。
- 方案 B(简单): 使用 Nginx + 挂载云盘(适合不懂后端代码,只想把文件存进去的人)。
🟢 方案 A:阿里云 OSS 浏览器直传(标准做法)
这个方案的核心逻辑是:用户选文件 -> 你的服务器生成一个临时签名 -> 浏览器拿着签名直接上传到阿里云OSS -> 返回视频URL给前端播放。
第一步:准备环境(控制台操作)
- 开通 OSS :在阿里云控制台搜索"对象存储 OSS",创建 Bucket。
- 命名规则 :
my-video-bucket-2026(全局唯一)。 - 读写权限 :选择私有(Private),防止别人盗链你的视频。
- 地域 :选离你用户最近的地方(如上海
cn-shanghai)。
- 命名规则 :
- 获取密钥 :
- 进入 RAM 访问控制,创建一个新用户,授予
AliyunOSSFullAccess权限。 - 记录下
AccessKey ID和AccessKey Secret。
- 进入 RAM 访问控制,创建一个新用户,授予
第二步:后端代码(Node.js 示例)
你需要写一个简单的接口 /api/upload-signature,用来告诉前端:"你可以上传了"。
// server.js (使用 express 框架)
const express = require('express');
const OSS = require('ali-oss'); // npm install ali-oss
const app = express();
// 初始化 OSS 客户端
const client = new OSS({
region: 'cn-shanghai', // 你的Bucket地域
accessKeyId: 'YOUR_ACCESS_KEY_ID', // 替换为你的AK
accessKeySecret: 'YOUR_ACCESS_KEY_SECRET', // 替换为你的SK
bucket: 'my-video-bucket-2026' // 你的Bucket名称
});
app.get('/api/upload-signature', async (req, res) => {
try {
// 生成一个 POST Policy 和 Signature
const policy = {
expiration: new Date(Date.now() + 300 * 1000).toISOString(), // 5分钟有效
conditions: [
['content-length-range', 0, 1024 * 1024 * 1024] // 限制最大1GB
]
};
const signature = await client.signaturePost(policy);
res.json(signature);
} catch (error) {
res.status(500).json({ error: error.message });
}
});
app.listen(3000, () => console.log('Server running on port 3000'));
第三步:前端代码(HTML + JS 示例)
这是用户看到的页面,点击按钮后直接传给 OSS。
<!DOCTYPE html>
<html>
<body>
<input type="file" id="videoInput" accept="video/*">
<button onclick="uploadVideo()">上传视频</button>
<div id="status"></div>
<script src="https://gosspublic.alicdn.com/aliyun-oss-sdk-6.x.x.min.js"></script>
<script>
async function uploadVideo() {
const file = document.getElementById('videoInput').files[0];
if (!file) return alert('请选择视频');
document.getElementById('status').innerText = '正在获取上传凭证...';
// 1. 向后端请求签名
const res = await fetch('/api/upload-signature');
const data = await res.json();
// 2. 初始化 OSS Client
const ossClient = new OSS({
region: 'cn-shanghai',
accessKeyId: data.AccessKeyId,
accessKeySecret: data.AccessKeySecret,
stsToken: data.SecurityToken,
bucket: 'my-video-bucket-2026'
});
// 3. 确定文件名 (建议加上时间戳避免冲突)
const objectKey = 'videos/' + Date.now() + '-' + file.name;
document.getElementById('status').innerText = '正在上传到阿里云 OSS...';
// 4. 执行上传
try {
const result = await ossClient.put(objectKey, file);
// 上传成功!result.url 就是视频的公网地址
document.getElementById('status').innerHTML =
`<p style="color:green">上传成功!</p><a href="${result.url}" target="_blank">点击播放视频</a>`;
// 将 URL 保存到你的数据库里,用于后续展示
saveVideoUrlToDB(result.url);
} catch (e) {
document.getElementById('status').innerText = '上传失败: ' + e.message;
}
}
</script>
</body>
</html>
🔵 方案 B:Nginx + 挂载云盘(非程序员/简单部署)
如果你不想写后端代码,或者视频量很小(<500GB),可以用这个方法。
第一步:购买并挂载云盘
-
在 ECS 控制台,购买一块 ESSD 云盘(比如 1TB)。
-
将该云盘挂载到你的 ECS 实例上。
-
SSH 登录服务器,执行以下命令格式化并挂载:
# 假设新磁盘是 /dev/vdb mkfs.ext4 /dev/vdb mkdir -p /mnt/videos mount /dev/vdb /mnt/videos # 设置开机自动挂载 echo '/dev/vdb /mnt/videos ext4 defaults 0 0' >> /etc/fstab
第二步:配置 Nginx
修改你的 Nginx 配置文件 (/etc/nginx/conf.d/default.conf):
server {
listen 80;
server_name your-domain.com;
# 网站根目录
root /var/www/html;
index index.html;
# 专门处理视频路径
location /videos/ {
alias /mnt/videos/; # 指向刚才挂载的目录
# 允许跨域(如果前端在其他域名)
add_header Access-Control-Allow-Origin *;
# 开启范围请求支持(让视频可以拖动进度条)
# 这一步非常关键,否则视频只能从头看到尾
open_file_cache max=1000 inactive=20s;
open_file_cache_valid 30s;
open_file_cache_min_uses 2;
open_file_cache_errors on;
}
}
第三步:上传视频
- 安装
scp或使用 FTP/SFTP 工具(如 FileZilla)。 - 将视频文件直接拖入服务器的
/mnt/videos/文件夹。 - 重启 Nginx:
sudo nginx -s reload。 - 访问
http://your-domain.com/videos/test.mp4即可播放。
⚠️ 关键注意事项(必看)
-
防盗链(Hotlinking Protection):
-
如果是方案 A(OSS),务必在 OSS 控制台开启Referer 白名单,只允许你自己的域名访问视频,否则别人把你的视频链接嵌入他们的网站,流量费全由你出!
-
如果是方案 B(Nginx),可以在配置中加入:
valid_referers none blocked your-domain.com; if ($invalid_referer) { return 403; }
-
-
视频格式转换:
- 用户上传的视频可能是
.mov,.avi,.mkv,浏览器不一定支持。 - 强烈建议 :在后端接入 媒体处理服务(MPS) 或自己用
FFmpeg转码为.mp4(H.264编码),以保证兼容性。
- 用户上传的视频可能是
-
成本估算:
- 方案 A:存储费约 ¥0.1/GB/月 + 流量费(CDN加速后更便宜)。
- 方案 B:云盘费约 ¥100-200/月/1TB + 带宽费(如果带宽不够,视频加载会慢)。
建议 :如果你是刚开始做,先用 方案 A 的 OSS 存储,配合 CDN 加速。虽然前期配置稍复杂,但它是互联网视频业务的唯一正解。