腾讯云COS介绍与使用（前端对接篇）

一、产品介绍（对象存储）

• 存储海量文件的分布式存储服务、权限架构设计
• 可通过多种方式如（控制台、API、SDK）快速接入，不限终端
• 任意格式文件的上传、下载和管理（可支持静态文件托管）
• 数据处理（文件压缩、裁剪、添加水印等），内容分发
• 鉴权策略、安全可靠
• CDN、全球加速
• 产品概述
• …

二、使用场景

2.1开发者调用存储操作

• 客户端服务端皆可调用，支持多种开发语言SDK SDK概览
• web、app、小程序等调用（多端）
• 支持大文件上传、分片上传、断点续传、上传进度等
• 大量对象操作API，满足业务的各种需求功能概述
• …
  

2.2 企业资源存储

• 数据存储、响应管理
• CDN加速、全球加速
• 数据万象（图片处理、内容审核、裁剪等）、结构分层等
• …

三、基本概念与控制台介绍

• 控制台-> 腾讯云cos 、基本概念
  

四、在项目中使用（以JavaScript SDK为例）

4.1 前置条件与基础配置

快速入门

1. 引入SDK
2. 获取临时密钥
3. 初始化
4. 配置项
5. 对象操作
6. 响应回调

4.2 在vue组件中使用

• 官网示例demo

4.2.1 创建cos实例

• 引入包 cos-js-sdk-v5
• 创建cos实例并且导出

import {
    _getTencentCosSign } from "@/apis/cos";
const COS = require("cos-js-sdk-v5");

const cos = new COS({
   
  getAuthorization: async (options, callback) => {
   
    console.log(options);
    // 异步获取临时密钥
    const res = await _getTencentCosSign();
    console.log(res);
    console.log("正在触发+++++");
    if (res.data.code !== 0) {
   
      return console.error(
        "credentials invalid:\n" + JSON.stringify(res, null, 2)
      );
    }
    const signData = res.data.data;
    callback({
   
      TmpSecretId: signData.credentials.tmpSecretId,
      TmpSecretKey: signData.credentials.tmpSecretKey,
      XCosSecurityToken: signData.credentials.sessionToken,
      StartTime: signData.startTime, // 开始时间  签名有效期
      ExpiredTime: signData.expiredTime, // 结束时间  签名有效期
    });
  },
});

// 返回一个cos实例
export