腾讯云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实例

遥控玩具种类