Laravel6.x上传视频到阿里云Oss对象存储
第一步：开通对象存储OSS
登录阿里云之后，找到 对象存储OSS并同意开通。注意对象存储是收费的，开通之前还是了解一下下方的收费介绍。
第二步：创建Bucket
1）创建。开通对象存储之后，进入到对象存储OSS列表，Bucket列表中点击创建Bucket。点击创建之后会在右侧弹出相关信息，同时会出现OSS版本控制功能开通与否的选项，根据需要进行选择，我这里选择不开通.。
2）相关信息填写。
Bucket名称：自定义不重复名称。
地域：根据自己的需要选择。
存储类型：标准存储。 同城荣誉存储：关闭。
版本控制：不开通。 读写权限：私有。
服务端加密试：无。 实时查询日志：不开通。
定时备份：不开通。
第三步：跨域设置
1）创建好Bucket之后，点击创建好的Bucket进入该Bucket信息界面。
2）找到左侧权限设置-跨域设置进入相关权限界面，找到跨域设置，点击设置进入跨域列表界面。
3）点击创建规则，左侧弹出规则界面，进入如下填写：
来源：*
允许Methods:POST
允许Heaers:*
其他直接默认即可。
第四步：绑定域名
此界面仍旧基于 第三步 的Bucket信息界面。
1）找到传输管理--域名管理进入域名列表界面；
2）点击绑定域名，左侧弹出填写信息。该域名为真实域名并且做过备案的域名（国内）。
3）如：我的填写信息：
域名：video.n2uu.com
自动添加 CNAME 记录：开启
第五步：创建AccessKey
右上角用户头像，选择AccessKey管理进行创建AccessKey。
AccessKey ID：**************
AccessKey Secret：*********
第六步：下载官方demo
1）重新进入对象存储信息界面，右下角的常用入口中点击SDK下载；
2）选择PHP SDK，找到最佳实践 > Web端上传数据至OSS > Web端PostObject直传实践 > 服务端签名直传并设置上传回调，选择 操作示例中 PHP，在步骤2：配置应用服务器下载PHP版本应用服务器源码。
到这里基础配置完成，接下来是编写代码。
第七步：Laravel框架中引入
将下载的demo解压出来复制到public目录下并改名为oss。
第八步：视频上传
1）前端上传界面。根据自己的实际修改。
<link rel="stylesheet" type="text/css" href="{{asset('oss/style.css')}}"/>
<div id="container">
<a id="selectfiles" href="javascript:void(0);" class='btn'>选择文件</a>
<a id="postfiles" href="javascript:void(0);" class='btn'>开始上传</a>
</div>
<div id="ossfile">你的浏览器不支持flash,Silverlight或者HTML5！</div>
<pre id="console"></pre>
<input type="hidden" name="video_url" id="videoUrl">
<script src="{{asset('oss/lib/plupload-2.1.2/js/plupload.full.min.js')}}"></script>
<script src="{{asset('oss/upload.js')}}"></script>
2）修改upload.js文件
修改一：修改为只允许上传mp4格式且大小0 1024M
filters: {
mime_types : [
{ title : "Video files", extensions : "mp4" }
],
max_file_size : '1024mb', //最大只能上传10mb的文件
prevent_duplicates : true //不允许选取重复文件
},
修改二：修改获取签名URL
serverUrl = '/admin/oss/get_sign'
修改三：修改为生成随机文件名
function check_object_radio() {
g_object_name_type = 'random_name';
}
3）准备路由与控制器
路由
Route::get('/admin/oss/get_sign','Admin\OssController@getSign');
控制器OssController。将demo中php/get.php文件内容拷贝至控制器并简单修改
<?php
namespace App\Http\Controllers\Admin;
use App\Http\Controllers\Controller;
use Illuminate\Http\Request;
class OssController extends Controller
{
// 获取签名
public function getSign()
{
$id= '***************'; // 请填写您的AccessKeyId。
$key= '************'; // 请填写您的AccessKeySecret。
// $host的格式为 bucketname.endpoint，请替换为您的真实信息。
$host = '*********';
// $callbackUrl为上传回调服务器的URL，请将下面的IP和Port配置为您自己的真实URL信息。
$callbackUrl = 'http://88.88.88.88:8888/aliyun-oss-appserver-php/admin/oss/callback';
$dir = 'video/'; // 用户上传文件时指定的前缀。
$callback_param = array('callbackUrl'=>$callbackUrl,
'callbackBody'=>'filename=${object}&size=${size}&mimeType=${mimeType}&height=${imageInfo.height}&width=${imageInfo.width}',
'callbackBodyType'=>"application/x-www-form-urlencoded");
$callback_string = json_encode($callback_param);
$base64_callback_body = base64_encode($callback_string);
$now = time();
$expire = 30; //设置该policy超时时间是10s. 即这个policy过了这个有效时间，将不能访问。
$end = $now + $expire;
$expiration = $this->gmt_iso8601($end);
//最大文件大小.用户可以自己设置
$condition = array(0=>'content-length-range', 1=>0, 2=>1048576000);
$conditions[] = $condition;
// 表示用户上传的数据，必须是以$dir开始，不然上传会失败，这一步不是必须项，只是为了安全起见，防止用户通过policy上传到别人的目录。
$start = array(0=>'starts-with', 1=>'$key', 2=>$dir);
$conditions[] = $start;
$arr = array('expiration'=>$expiration,'conditions'=>$conditions);
$policy = json_encode($arr);
$base64_policy = base64_encode($policy);
$string_to_sign = $base64_policy;
$signature = base64_encode(hash_hmac('sha1', $string_to_sign, $key, true));
$response = array();
$response['accessid'] = $id;
$response['host'] = $host;
$response['policy'] = $base64_policy;
$response['signature'] = $signature;
$response['expire'] = $end;
$response['callback'] = $base64_callback_body;
$response['dir'] = $dir; // 这个参数是设置用户上传文件时指定的前缀。
echo json_encode($response);
}
public function gmt_iso8601($time) {
$dtStr = date("c", $time);
$mydatetime = new \DateTime($dtStr);
$expiration = $mydatetime->format(\DateTime::ISO8601);
$pos = strpos($expiration, '+');
$expiration = substr($expiration, 0, $pos);
return $expiration."Z";
}
}
需要注意的是，$host是该对象存储的Bucket域名。会有三个，用第一个就可以了，*****.oss-cn-chengdu.aliyuncs.com；$callbackUrl为回调地址，必须是真实的域名回调地址。
到这里视频已经可以上传了，只是回调无法处理，也就是说无法获取到视频地址，下面开始准备回调。
第九步：回调地址
1）填写真实域名并写好回调
$callbackUrl = 'http://88.88.88.88:8888/aliyun-oss-appserver-php/admin/oss/callback';
2）路由
// 回调。注意此回调路由不使用middleware
Route::post('/admin/oss/callback','Admin\OssController@callback');
注意，该回调路由会有csrf验证。我这里直接在中间件中排除了该路由的csrf验证。
3）控制器方法。
将demo中/php/callback.php复制到回调方法中
<?php
...
class OssController extends Controller
{
...
// 回调
public function callback()
{
// 1.获取OSS的签名header和公钥url header
$authorizationBase64 = "";
$pubKeyUrlBase64 = "";
/*
* 注意：如果要使用HTTP_AUTHORIZATION头，你需要先在apache或者nginx中设置rewrite，以apache为例，修改
* 配置文件/etc/httpd/conf/httpd.conf(以你的apache安装路径为准)，在DirectoryIndex index.php这行下面增加以下两行
RewriteEngine On
RewriteRule .* - [env=HTTP_AUTHORIZATION:%{HTTP:Authorization},last]
* */
if (isset($_SERVER['HTTP_AUTHORIZATION']))
{
$authorizationBase64 = $_SERVER['HTTP_AUTHORIZATION'];
}
if (isset($_SERVER['HTTP_X_OSS_PUB_KEY_URL']))
{
$pubKeyUrlBase64 = $_SERVER['HTTP_X_OSS_PUB_KEY_URL'];
}
if ($authorizationBase64 == '' || $pubKeyUrlBase64 == '')
{
header("http/1.1 403 Forbidden");
exit();
}
// 2.获取OSS的签名
$authorization = base64_decode($authorizationBase64);
// 3.获取公钥
$pubKeyUrl = base64_decode($pubKeyUrlBase64);
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $pubKeyUrl);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, 10);
$pubKey = curl_exec($ch);
if ($pubKey == "")
{
//header("http/1.1 403 Forbidden");
exit();
}
// 4.获取回调body
$body = file_get_contents('php://input');
// 5.拼接待签名字符串
$authStr = '';
$path = $_SERVER['REQUEST_URI'];
$pos = strpos($path, '?');
if ($pos === false)
{
$authStr = urldecode($path)."\n".$body;
}
else
{
$authStr = urldecode(substr($path, 0, $pos)).substr($path, $pos, strlen($path) - $pos)."\n".$body;
}
// 6.验证签名
$ok = openssl_verify($authStr, $authorization, $pubKey, OPENSSL_ALGO_MD5);
if ($ok == 1)
{
header("Content-Type: application/json");
$data = array("Status"=>"Ok");
echo json_encode($data);
}
else
{
//header("http/1.1 403 Forbidden");
exit();
}
}
}
4）获取视频地址（upload.js）
FileUploaded: function(up, file, info) {
if (info.status == 200)
{
// 获取视频地址。注意该dom查找的是试图模板中元素。
document.getElementById('videoUrl').value = get_uploaded_object_name(file.name);
}
},
获取到地址就已经完成的视频的上传了。地址入库就不在写了。
2021-02-20
请登录后再评论