阿里云对象存储服务oss以及文件上传

2024-1-9 3,691 1/9

使用OSS 对象存储服务来上传下载文件。例如版本更新公告,图片,其他文件等。

甚至可以用来存储前端组件,这个的话倒是比较复杂的。先看一下如何基本的使用

首先需要购买oss服务阿里云对象存储服务oss以及文件上传

创建一个bucket

阿里云对象存储服务oss以及文件上传

 

项目中基本的使用

这里基于rollup创建了一个项目,经行构建打包

阿里云对象存储服务oss以及文件上传

将打包文件放入到bucket中阿里云对象存储服务oss以及文件上传

直接在浏览器中访问即可,不过对于可以通过script标签在项目运行时进行一个动态引入。

 

 

这里如何向bucket中上传文件呢,除了可以在阿里云上面手动上传文件,还可以使用他提供的sdk去实现

核心方法

   const client = new OSS({
        region: "yourRegion",
        // 从STS服务获取的临时访问密钥(AccessKey ID和AccessKey Secret)。
        accessKeyId: "yourAccessKeyId",
        accessKeySecret: "yourAccessKeySecret",
        // 从STS服务获取的安全令牌(SecurityToken)。
        stsToken: "yourSecurityToken",
        // 填写Bucket名称。
        bucket: "examplebucket",
      });


// 文件上传
      async function putObject(data) {
        try {
        
          const options = {
            meta: { temp: "demo" },
            mime: "json",
            headers: { "Content-Type": "text/plain" },
          };
          const result = await client.put("examplefile.txt", data, options);
          console.log(result);
        } catch (e) {
          console.error(e);
        }
      }

 

其实对于组件来讲,对于很复杂且迭代很频繁的组件也是可以考虑使用oss进行存储的,在项目运行时经行一个动态的引入,比较好控制组件的版本

- THE END -
0

共有 0 条评论