laravel框架中使用阿里云的oss

灰太狼 2023-10-06 17:14 38阅读 0赞

#### 阅读目录 ####

*  一、方案
 *   *  1 执行comopser安装扩展包：
     *   *  1.1 安装完成之后的设置
         *  1.2 OSS目录代码
     *  2 前端界面
     *   *  2.1 控制器上传代码
     *  3 效果展示
 *  二、方案
 *   *  1、打开阿里云oss存储官网，点击开通
     *  2、点击同意使用，然后点击立即开通，即可开通成功
     *  3、点击管理控制台，点击创建 Bucket
     *  4、填入对应信息，确定即可（具体自己看需求）
     *  5、创建 access key，保存好信息
     *  6、安装 oss 对应的扩展
     *  7、config目录下app.php文件里，添加对应的代码
     *  8、在 filesystems.php 中，进行下面的修改
     *  9、最后修改下admin.php文件，即可上传了
     *  10、下载连接oss的软件，打开软件输入对应信息连接即可
     *  11、laravel-admin上传oss，如下图已上传成功

## 一、方案 ##

### 1 执行comopser安装扩展包： ###

`composer require johnlui/aliyun-oss`

#### 1.1 安装完成之后的设置 ####

在app目录下建立：App\\services\\OSS 目录  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy_size_16_color_FFFFFF_t_70]

#### 1.2 OSS目录代码 ####

<?php
    namespace App\services;
    use JohnLui\AliyunOSS;
    use Exception;
    use DateTime;
    class OSS {
        
        /* 城市名称：
         *
         *  经典网络下可选：杭州、上海、青岛、北京、张家口、深圳、香港、硅谷、弗吉尼亚、新加坡、悉尼、日本、法兰克福、迪拜
         *  VPC 网络下可选：杭州、上海、青岛、北京、张家口、深圳、硅谷、弗吉尼亚、新加坡、悉尼、日本、法兰克福、迪拜
         */
        private $city = '北京';
        // 经典网络 or VPC
        private $networkType = '经典网络';
    
        private $AccessKeyId = 'LTAI4FqTWQmMztMtGzTX44Pr';
        private $AccessKeySecret = 'ju1WFs5eX2nEVFSshb43myWuXWCSwj';
        private $ossClient;
        /**
         * 私有初始化 API，非 API，不用关注
         * @param boolean 是否使用内网
         */
        public function __construct($isInternal = false)
        {
        
            if ($this->networkType == 'VPC' && !$isInternal) {
        
                throw new Exception("VPC 网络下不提供外网上传、下载等功能");
            }
            $this->ossClient = AliyunOSS::boot(
                $this->city,
                $this->networkType,
                $isInternal,
                $this->AccessKeyId,
                $this->AccessKeySecret
            );
        }
        /**
         * 使用外网上传文件
         * @param  string bucket名称
         * @param  string 上传之后的 OSS object 名称
         * @param  string 上传文件路径
         * @return boolean 上传是否成功
         */
        public static function publicUpload($bucketName, $ossKey, $filePath, $options = [])
        {
        
            $oss = new OSS();
            $oss->ossClient->setBucket($bucketName);
            return $oss->ossClient->uploadFile($ossKey, $filePath, $options);
        }
        /**
         * 使用阿里云内网上传文件
         * @param  string bucket名称
         * @param  string 上传之后的 OSS object 名称
         * @param  string 上传文件路径
         * @return boolean 上传是否成功
         */
        public static function privateUpload($bucketName, $ossKey, $filePath, $options = [])
        {
        
            $oss = new OSS(true);
            $oss->ossClient->setBucket($bucketName);
            return $oss->ossClient->uploadFile($ossKey, $filePath, $options);
        }
        /**
         * 使用外网直接上传变量内容
         * @param  string bucket名称
         * @param  string 上传之后的 OSS object 名称
         * @param  string 上传的变量
         * @return boolean 上传是否成功
         */
        public static function publicUploadContent($bucketName, $ossKey, $content, $options = [])
        {
        
            $oss = new OSS();
            $oss->ossClient->setBucket($bucketName);
            return $oss->ossClient->uploadContent($ossKey, $content, $options);
        }
        /**
         * 使用阿里云内网直接上传变量内容
         * @param  string bucket名称
         * @param  string 上传之后的 OSS object 名称
         * @param  string 上传的变量
         * @return boolean 上传是否成功
         */
        public static function privateUploadContent($bucketName, $ossKey, $content, $options = [])
        {
        
            $oss = new OSS(true);
            $oss->ossClient->setBucket($bucketName);
            return $oss->ossClient->uploadContent($ossKey, $content, $options);
        }
        /**
         * 使用外网删除文件
         * @param  string bucket名称
         * @param  string 目标 OSS object 名称
         * @return boolean 删除是否成功
         */
        public static function publicDeleteObject($bucketName, $ossKey)
        {
        
            $oss = new OSS();
            $oss->ossClient->setBucket($bucketName);
            return $oss->ossClient->deleteObject($bucketName, $ossKey);
        }
        /**
         * 使用阿里云内网删除文件
         * @param  string bucket名称
         * @param  string 目标 OSS object 名称
         * @return boolean 删除是否成功
         */
        public static function privateDeleteObject($bucketName, $ossKey)
        {
        
            $oss = new OSS(true);
            $oss->ossClient->setBucket($bucketName);
            return $oss->ossClient->deleteObject($bucketName, $ossKey);
        }
        # 下面不再分公网内网出 API，也不注释了，大家自行体会吧
        public function copyObject($sourceBuckt, $sourceKey, $destBucket, $destKey)
        {
        
            $oss = new OSS();
            return $oss->ossClient->copyObject($sourceBuckt, $sourceKey, $destBucket, $destKey);
        }
        public function moveObject($sourceBuckt, $sourceKey, $destBucket, $destKey)
        {
        
            $oss = new OSS();
            return $oss->ossClient->moveObject($sourceBuckt, $sourceKey, $destBucket, $destKey);
        }
        // 获取公开文件的 URL
        public static function getPublicObjectURL($bucketName, $ossKey)
        {
        
            $oss = new OSS();
            $oss->ossClient->setBucket($bucketName);
            return $oss->ossClient->getPublicUrl($ossKey);
        }
        // 获取私有文件的URL，并设定过期时间，如 \DateTime('+1 day')
        public static function getPrivateObjectURLWithExpireTime($bucketName, $ossKey, DateTime $expire_time)
        {
        
            $oss = new OSS();
            $oss->ossClient->setBucket($bucketName);
            return $oss->ossClient->getUrl($ossKey, $expire_time);
        }
        public static function createBucket($bucketName)
        {
        
            $oss = new OSS();
            return $oss->ossClient->createBucket($bucketName);
        }
        public static function getAllObjectKey($bucketName)
        {
        
            $oss = new OSS();
            return $oss->ossClient->getAllObjectKey($bucketName);
        }
        public static function getObjectMeta($bucketName, $ossKey)
        {
        
            $oss = new OSS();
            return $oss->ossClient->getObjectMeta($bucketName, $ossKey);
        }
    }

### 2 前端界面 ###

<!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport"
              content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <meta name="csrf-token" content="{
        { csrf_token() }}">
        <link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css"/>
        <script src="https://www.layuicdn.com/layui/layui.js"></script>
        <title>Document</title>
    </head>
    <body>
    <div class="layui-upload">
        <button type="button" class="layui-btn" id="test1">上传图片</button>
        <div class="layui-upload-list">
            <img class="layui-upload-img" id="demo1" style="width: 200px;height: 100px">
            <p id="demoText"></p>
        </div>
    </div>
    </body>
    <script>
        layui.use('upload', function () {
        
            var $ = layui.jquery
                , upload = layui.upload;
    
            //普通图片上传
            var uploadInst = upload.render({
        
                elem: '#test1',
                headers: {
        
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
                , url: 'upload' //改成您自己的上传接口
                , before: function (obj) {
        
                    //预读本地文件示例，不支持ie8
                    obj.preview(function (index, file, result) {
        
                        $('#demo1').attr('src', result); //图片链接（base64）
                    });
                }
                , done: function (res) {
        
                    //如果上传失败
                    if (res.code > 0) {
        
                        return layer.msg('上传失败');
                    }
                    //上传成功
                }
                , error: function () {
        
                    //演示失败状态，并实现重传
                    var demoText = $('#demoText');
                    demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
                    demoText.find('.demo-reload').on('click', function () {
        
                        uploadInst.upload();
                    });
                }
            });
        });
    </script>
    </html>

#### 2.1 控制器上传代码 ####

<?php
    
    namespace App\Http\Controllers;
    
    
    use App\Services\OSS;
    use Illuminate\Http\Request;
    
    
    class ImgUploadController extends Controller
    {
        
        //
        public function upload(Request $request)
        {
        
            $file = $request->file('file');
            $path = $file->getRealPath();#得到文件的临时地址
            $name = $file->getClientOriginalName();#得到文件的名称
            #参数1,要上传的Bucket名称，参数2,
           OSS::publicUpload('privateyaoimage', "$name", $path);
           $Url=OSS::getPublicObjectURL('privateyaoimage',$name);#返回地址
            return  ['code' => 0, 'msg' => '上传成功', 'data' => ['src' => $Url]];
        }
    }

### 3 效果展示 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy_size_16_color_FFFFFF_t_70 1]

## 二、方案 ##

### 1、打开阿里云oss存储官网，点击开通 ###

https://www.aliyun.com/product/oss?spm=a2c4g.11186623.2.12.555928bc4FtMYy  
![在这里插入图片描述][745de2e7107e41329a55029bfb02d1ef.png]

### 2、点击同意使用，然后点击立即开通，即可开通成功 ###

![在这里插入图片描述][ea7bf14407134728a7f06a7cfd4642ea.png]  
![在这里插入图片描述][41bcab75e762465b948825a82d4480bf.png]

### 3、点击管理控制台，点击创建 Bucket ###

![在这里插入图片描述][25a93575db504a45b87256d3bff494bd.png]  
![在这里插入图片描述][7c84fa2bea6d4e2689dbe3b14a76c449.png]

### 4、填入对应信息，确定即可（具体自己看需求） ###

![在这里插入图片描述][ac2f942db7654b4d8f960fb0dd8a5cbf.png]

### 5、创建 access key，保存好信息 ###

![在这里插入图片描述][b61946cba3a047b79e4132bb8831d51f.png]  
![在这里插入图片描述][0082839682294eb0b997cc9738ddcfb1.png]  
![在这里插入图片描述][bf7f1c66362e4a5fa25c314ab1ca9afd.png]  
![在这里插入图片描述][b9816236ea8a4313a74079e3467551fc.png]  
![在这里插入图片描述][2978164f5ae44519b030d87c5a877d29.png]

### 6、安装 oss 对应的扩展 ###

//切换阿里镜像
    composer config -g repo.packagist composer https://mirrors.aliyun.com/composer/
    
    //执行安装扩展
    composer require jacobcyl/ali-oss-storage:^2.1

![在这里插入图片描述][762152cf43514272ab4cda16d51ca57f.png]

### 7、config目录下app.php文件里，添加对应的代码 ###

Jacobcyl\AliOSS\AliOssServiceProvider::class,

![在这里插入图片描述][c666327e71df43379e906c0c16f23c8f.png]

### 8、在 filesystems.php 中，进行下面的修改 ###

![在这里插入图片描述][ae797c9110114793ad0caf36f3c48a01.png]

'oss' => [
        'driver'        => 'oss',
        'access_id'     => 'LTAI4G7vknrtpXkDV4d97f1L',
        'access_key'    => 'LVEHNZUDpUiIk7L9FqmWxGDX9QhRWh',
        'bucket'        => 'cxhblog-oss',
        'endpoint'      => 'oss-cn-shenzhen.aliyuncs.com',
        'cdnDomain'     => 'https://cxhblog-oss.oss-cn-shenzhen.aliyuncs.com',
        'ssl'           => true,
        'isCName'       => false,
        'debug'         => true,
    ],

![在这里插入图片描述][33bd3e98346d4bcea33c409f9a23363a.png]  
![在这里插入图片描述][bd5c105682be482bbb48dc7872c791a2.png]

### 9、最后修改下admin.php文件，即可上传了 ###

![在这里插入图片描述][a130a33555854b05a0add7f5c81dab41.png]

### 10、下载连接oss的软件，打开软件输入对应信息连接即可 ###

https://help.aliyun.com/document\_detail/61872.html\#title-ilm-3ef-uvn  
![在这里插入图片描述][f88de8cb13fa44cdb148100c4028f942.png]  
![在这里插入图片描述][4447da98ca7c441fa3e11d8d69948bb0.png]  
![在这里插入图片描述][f127dffdfa804d6bb7c820fedf6dd6e7.png]

### 11、laravel-admin上传oss，如下图已上传成功 ###

![在这里插入图片描述][72c7c632db8e454fba72eb65c4fda933.png]  
![在这里插入图片描述][4c031b5c11dc44169fdf506a6dc81417.png]  
![在这里插入图片描述][dd34f02fdc7744dd9d576946812ad77c.png]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20210407172754177.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20210407173114728.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy,size_16,color_FFFFFF,t_70
[745de2e7107e41329a55029bfb02d1ef.png]: https://img-blog.csdnimg.cn/745de2e7107e41329a55029bfb02d1ef.png
[ea7bf14407134728a7f06a7cfd4642ea.png]: https://img-blog.csdnimg.cn/ea7bf14407134728a7f06a7cfd4642ea.png
[41bcab75e762465b948825a82d4480bf.png]: https://img-blog.csdnimg.cn/41bcab75e762465b948825a82d4480bf.png
[25a93575db504a45b87256d3bff494bd.png]: https://img-blog.csdnimg.cn/25a93575db504a45b87256d3bff494bd.png
[7c84fa2bea6d4e2689dbe3b14a76c449.png]: https://img-blog.csdnimg.cn/7c84fa2bea6d4e2689dbe3b14a76c449.png
[ac2f942db7654b4d8f960fb0dd8a5cbf.png]: https://img-blog.csdnimg.cn/ac2f942db7654b4d8f960fb0dd8a5cbf.png
[b61946cba3a047b79e4132bb8831d51f.png]: https://img-blog.csdnimg.cn/b61946cba3a047b79e4132bb8831d51f.png
[0082839682294eb0b997cc9738ddcfb1.png]: https://img-blog.csdnimg.cn/0082839682294eb0b997cc9738ddcfb1.png
[bf7f1c66362e4a5fa25c314ab1ca9afd.png]: https://img-blog.csdnimg.cn/bf7f1c66362e4a5fa25c314ab1ca9afd.png
[b9816236ea8a4313a74079e3467551fc.png]: https://img-blog.csdnimg.cn/b9816236ea8a4313a74079e3467551fc.png
[2978164f5ae44519b030d87c5a877d29.png]: https://img-blog.csdnimg.cn/2978164f5ae44519b030d87c5a877d29.png
[762152cf43514272ab4cda16d51ca57f.png]: https://img-blog.csdnimg.cn/762152cf43514272ab4cda16d51ca57f.png
[c666327e71df43379e906c0c16f23c8f.png]: https://img-blog.csdnimg.cn/c666327e71df43379e906c0c16f23c8f.png
[ae797c9110114793ad0caf36f3c48a01.png]: https://img-blog.csdnimg.cn/ae797c9110114793ad0caf36f3c48a01.png
[33bd3e98346d4bcea33c409f9a23363a.png]: https://img-blog.csdnimg.cn/33bd3e98346d4bcea33c409f9a23363a.png
[bd5c105682be482bbb48dc7872c791a2.png]: https://img-blog.csdnimg.cn/bd5c105682be482bbb48dc7872c791a2.png
[a130a33555854b05a0add7f5c81dab41.png]: https://img-blog.csdnimg.cn/a130a33555854b05a0add7f5c81dab41.png
[f88de8cb13fa44cdb148100c4028f942.png]: https://img-blog.csdnimg.cn/f88de8cb13fa44cdb148100c4028f942.png
[4447da98ca7c441fa3e11d8d69948bb0.png]: https://img-blog.csdnimg.cn/4447da98ca7c441fa3e11d8d69948bb0.png
[f127dffdfa804d6bb7c820fedf6dd6e7.png]: https://img-blog.csdnimg.cn/f127dffdfa804d6bb7c820fedf6dd6e7.png
[72c7c632db8e454fba72eb65c4fda933.png]: https://img-blog.csdnimg.cn/72c7c632db8e454fba72eb65c4fda933.png
[4c031b5c11dc44169fdf506a6dc81417.png]: https://img-blog.csdnimg.cn/4c031b5c11dc44169fdf506a6dc81417.png
[dd34f02fdc7744dd9d576946812ad77c.png]: https://img-blog.csdnimg.cn/dd34f02fdc7744dd9d576946812ad77c.png