您现在的位置是:自如初>LaravelLaravel

Laravel6.x上传视频到阿里云Oss对象存储

小白 2021-02-20 22:46:34 Laravel 54人已围观

简介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);
   }
},

获取到地址就已经完成的视频的上传了。地址入库就不在写了。


我是仲夏。

很赞哦!(1)

文章评论

登录 注册

自如初--时间轴

站名:自如初

独白:向前走!向前走!

邮箱:457969743@qq.com

站点信息