当前位置：首页 > article >正文

阿里云-云存储OSS

article 2025/1/16 5:44:45

1.简述OSS

数据的可靠性较强：三重备份

系统的安全性较强：对称加密，签名权限控制以及防盗链功能；

文件存储的容量无限；

无需人工运维；

部署扩容：无需规则，按需扩容；

提供丰富的API接口，SDK包，客户端工具台，控制台，方便应用程序调用；

安全机制非常的灵活；

2.相关概念

对象/文件（object)

对象是OSS存储数据的基本单元，也被称为OSS的文件，对象由元信息，用户数据和文件名组成，以键值对的形式存储的；

文件大小限制：put object不超过5G；

存储空间（Bucket）

存储对象的容器，所有的对象必须属于某个存储空间，唯一的，内部对象无限制；

Service：

提供给用户的虚拟存储空间，用户可以在这个存储空间中拥有一个或多个Bucket；

3.云存储实验：

#：搭建基于OSS的图片分享网站

步骤一：创建资源

步骤二：找到ECS实例并远程连接

步骤三：通过公网IP访问做好的图片网站

步骤四：产看源路径

[root@iZuf6be8a60a4g12lgi2raZ default]# pwd
/alidata/www/default
[root@iZuf6be8a60a4g12lgi2raZ default]# ls
01.png  03.png  index.html  02.png  04.png 
[root@iZuf6be8a60a4g12lgi2raZ default]# ll
total 1168
-rwxrwxrwx 1 www  www  119360 Dec 24  2015 01.png
-rwxrwxrwx 1 www  www  169137 Dec 24  2015 02.png
-rwxrwxrwx 1 www  www  194562 Dec 24  2015 03.png
-rwxrwxrwx 1 www  www  220394 Dec 24  2015 04.png
-rw-r--r-- 1 www  www     613 Dec  6 09:51 index.html
[root@iZuf6be8a60a4g12lgi2raZ default]#

#：可以通过公网IP加文件名访问指定的文件：

步骤五：从ECS实例调用OSS的API上传图片到OSS；

[root@iZuf6be8a60a4g12lgi2raZ default]# vim cfg.json

{        
    "id": "LTAI5tJ6Y85U2S9wRQcWe3A7",         
    "secret": "wQf52xOrMT2Fs82SoZo1wxZCz0aKnZ",         
    "endpoint": "oss-cn-shanghai.aliyuncs.com", 
    "bucket": "dnyvpi20230330141435", 
    "obj_dir": ""
}

[root@iZuf6be8a60a4g12lgi2raZ default]# python oss_upload.py 01.png
Upload OK
object name: 01.png
[root@iZuf6be8a60a4g12lgi2raZ default]# python oss_upload.py 02.png
Upload OK
object name: 02.png
[root@iZuf6be8a60a4g12lgi2raZ default]# python oss_upload.py 03.png
Upload OK
object name: 03.png
[root@iZuf6be8a60a4g12lgi2raZ default]# python oss_upload.py 04.png
Upload OK
object name: 04.png
[root@iZuf6be8a60a4g12lgi2raZ default]#

步骤六：查看上传后的Bucket：

步骤七：从OSS提供图片：

//先删除所有的PNG
[root@iZuf6be8a60a4g12lgi2raZ default]# rm -rf *.png
[root@iZuf6be8a60a4g12lgi2raZ default]#

复制OSS中图片的URL：

//修改index中的路径
<!DOCTYPE html>
<html>
  <head>
    <title>index</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <style type="text/css">
       body {
        margin: 0px;
         background-color: #DCDCDC;
       }
    </style>
  </head>
  <body>
    <div>
        <!-- 图片1 -->
        <img  src="https://dnyvpi20230330141435.oss-cn-shanghai.aliyuncs.com/01.png"/>
        <!-- 图片2 -->
        <img  src="https://dnyvpi20230330141435.oss-cn-shanghai.aliyuncs.com/02.png"/>
    </div>
    <div>
        <!-- 图片3 -->
        <img  src="https://dnyvpi20230330141435.oss-cn-shanghai.aliyuncs.com/03.png"/>
        <!-- 图片4 -->
        <img  src="https://dnyvpi20230330141435.oss-cn-shanghai.aliyuncs.com/04.png"/>
    </div>

  </body>
</html>

#：再次访问公网地址即可看到OSS提供的图片；

步骤八：使用x-oss-process参数对图片进行处理：

（1）：图片缩放


<!DOCTYPE html>
<html>
  <head>
    <title>index</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <style type="text/css">
       body {
        margin: 0px;
         background-color: #DCDCDC;
       }
    </style>
  </head>
  <body>
    <div>
        <!-- 图片1 -->
        <img  src="https://dnyvpi20230330141435.oss-cn-shanghai.aliyuncs.com/01.png?x-oss-process=image/resize,w_200"/>
        <!-- 图片2 -->
        <img  src="https://dnyvpi20230330141435.oss-cn-shanghai.aliyuncs.com/02.png?x-oss-process=image/resize,w_200"/>
    </div>
    <div>
        <!-- 图片3 -->
        <img  src="https://dnyvpi20230330141435.oss-cn-shanghai.aliyuncs.com/03.png?x-oss-process=image/resize,w_200"/>
        <!-- 图片4 -->
        <img  src="https://dnyvpi20230330141435.oss-cn-shanghai.aliyuncs.com/04.png?x-oss-process=image/resize,w_200"/>
    </div>

  </body>
</html>

效果：

#：可以看到缩放后的花园图片，说明存储在OSS上的原图片，通过图片处理的缩放功能进行缩放后，可以被现在的网站使用并显示

（2）：格式转换

<!DOCTYPE html>
<html>
  <head>
    <title>index</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <style type="text/css">
       body {
        margin: 0px;
         background-color: #DCDCDC;
       }
    </style>
  </head>
  <body>
    <div>
        <!-- 图片1 -->
        <img  src="https://dnyvpi20230330141435.oss-cn-shanghai.aliyuncs.com/01.png?x-oss-process=image/resize,w_200/format,avif"/>
        <!-- 图片2 -->
        <img  src="https://dnyvpi20230330141435.oss-cn-shanghai.aliyuncs.com/02.png?x-oss-process=image/resize,w_200/format,avif"/>
    </div>
    <div>
        <!-- 图片3 -->
        <img  src="https://dnyvpi20230330141435.oss-cn-shanghai.aliyuncs.com/03.png?x-oss-process=image/resize,w_200/format,avif"/>
        <!-- 图片4 -->
        <img  src="https://dnyvpi20230330141435.oss-cn-shanghai.aliyuncs.com/04.png?x-oss-process=image/resize,w_200/format,avif"/>
    </div>

  </body>
</html>

效果：