Flutter腾讯云COS存储插件tencentcloud_cos_sdk_plugin的使用

发布于 1周前 作者 caililin 来自 Flutter

Flutter腾讯云COS存储插件tencentcloud_cos_sdk_plugin的使用

本文介绍 tencentcloud_cos_sdk_plugin 如何快速入门以及 API 介绍。

相关资源

  • SDK 源码下载
  • 示例 Demo
  • SDK 更新日志
  • 更多使用方式

准备工作

  1. 您需要一个纯 Flutter 项目或 Flutter 原生混合项目,这个应用可以是您现有的工程,也可以是您新建的一个空的工程。
  2. Flutter 版本要求:
  sdk: ">=2.15.0 <4.0.0"
  flutter: ">=2.5.0"

第一步:SDK 介绍

tencentcloud_cos_sdk_plugin 目前兼容支持 iOS、Android,是通过 Flutter Plugin 桥接原生 Android 和 iOS 的 COS SDK 实现。

第二步:集成 SDK

  1. 运行此命令:
flutter pub add tencentcloud_cos_sdk_plugin
  1. 这将向您的包的 pubspec.yaml 添加这样一行(并运行隐式 flutter pub get):
dependencies:
  tencentcloud_cos_sdk_plugin: ^1.2.0
  1. 在您的 Dart 代码中,您可以使用 import 进行导入,然后开始使用:
import 'package:tencentcloud_cos_sdk_plugin/cos.dart';

关闭腾讯灯塔上报功能

为了持续跟踪和优化 SDK 的质量,给您带来更好的使用体验,我们在 SDK 中引入了腾讯灯塔 SDK,腾讯灯塔只对 COS 侧的请求性能进行监控,不会上报业务侧数据。 若是想关闭该功能,可以在依赖引入和 import 时将 tencentcloud_cos_sdk_plugin 替换为 tencentcloud_cos_sdk_plugin_nobeacon 即可。

第三步:开始使用

建议用户使用临时密钥调用 SDK,通过临时授权的方式进一步提高 SDK 使用的安全性。申请临时密钥时,请遵循最小权限指引原则,防止泄漏目标存储桶或对象之外的资源。 如果您一定要使用永久密钥,建议遵循最小权限指引原则对永久密钥的权限范围进行限制。

1. 初始化密钥

实现获取临时密钥

实现一个 IFetchCredentials 的类,实现请求临时密钥并返回结果的过程。

import 'dart:convert';
import 'dart:io';

import 'package:tencentcloud_cos_sdk_plugin/fetch_credentials.dart';
import 'package:tencentcloud_cos_sdk_plugin/pigeon.dart';

class FetchCredentials implements IFetchCredentials{
  [@override](/user/override)
  Future<SessionQCloudCredentials> fetchSessionCredentials() async {
    // 首先从您的临时密钥服务器获取包含了密钥信息的响应,例如:
    var httpClient = HttpClient();
    try {
      // 临时密钥服务器 url
      var stsUrl = "http://stsservice.com/sts";
      var request = await httpClient.getUrl(Uri.parse(stsUrl));
      var response = await request.close();
      if (response.statusCode == HttpStatus.OK) {
        var json = await response.transform(utf8.decoder).join();
        print(json);

        // 然后解析响应,获取临时密钥信息
        var data = jsonDecode(json);
        // 最后返回临时密钥信息对象
        return SessionQCloudCredentials(
            secretId: data['credentials']['tmpSecretId'],// 临时密钥 SecretId
            secretKey: data['credentials']['tmpSecretKey'],// 临时密钥 SecretKey
            token: data['credentials']['sessionToken'],// 临时密钥 Token
            startTime: data['startTime'],//临时密钥有效起始时间,单位是秒
            expiredTime: data['expiredTime']//临时密钥有效截止时间戳,单位是秒
        );
      } else {
        throw ArgumentError();
      }
    } catch (exception) {
      throw ArgumentError();
    }
  }
}

这里假设类名为 FetchCredentials。初始化一个实例,来给 SDK 提供密钥。

Cos().initWithSessionCredential(FetchCredentials());
实现获取限制范围的临时密钥

该方式可以更精细的控制临时密钥的使用范围,STSCredentialScope 中包含了本次请求的 action(操作)、region、bucket、prefix, 使用 STSCredentialScope 可以生成一个限定范围的临时密钥,例如根据 prefix 生成固定路径文件名的上传临时密钥,实现每个上传文件都有单独的临时密钥。

实现一个 IFetchScopeLimitCredentials 的类,实现请求限制范围的临时密钥并返回结果的过程。

import 'dart:convert';
import 'dart:io';

import 'package:flutter/foundation.dart';
import 'package:tencentcloud_cos_sdk_plugin/fetch_credentials.dart';
import 'package:tencentcloud_cos_sdk_plugin/pigeon.dart';

class FetchScopeLimitCredentials implements IFetchScopeLimitCredentials{
  [@override](/user/override)
  Future<SessionQCloudCredentials> fetchScopeLimitCredentials(List<STSCredentialScope?> stsCredentialScopes) async {
    // 首先从您的临时密钥服务器获取包含了密钥信息的响应,例如:
    var httpClient = HttpClient();
    try {
      // 临时密钥服务器 url,临时密钥生成服务请参考 https://cloud.tencent.com/document/product/436/14048
      // 范围限制的临时密钥服务请参考:https://cloud.tencent.com/document/product/436/31923
      var stsUrl = "https://stsservice.com/sts/scope";
      var request = await httpClient.postUrl(Uri.parse(stsUrl));
      request.headers.contentType = ContentType.json;
      // 将范围实体列表转换为post body中的json
      final body = jsonifyScopes(stsCredentialScopes);
      if (kDebugMode) {
        print(body);
      }
      request.write(body);

      var response = await request.close();
      if (response.statusCode == HttpStatus.OK) {
        var json = await response.transform(utf8.decoder).join();
        if (kDebugMode) {
          print(json);
        }
        // 然后解析响应,获取临时密钥信息
        var data = jsonDecode(json);
        // 最后返回临时密钥信息对象
        return SessionQCloudCredentials(
            secretId: data['credentials']['tmpSecretId'],
            secretKey: data['credentials']['tmpSecretKey'],
            token: data['credentials']['sessionToken'],
            startTime: data['startTime'],
            expiredTime: data['expiredTime']
        );
      } else {
        throw ArgumentError();
      }
    } catch (exception) {
      if (kDebugMode) {
        print(exception);
      }
      throw ArgumentError();
    }
  }

  // 将范围实体列表转换为json
  String jsonifyScopes(List<STSCredentialScope?> scopes) {
    List<Map<String, String?>> scopeList = [];
    for (STSCredentialScope? scope in scopes) {
      if(scope != null) {
        Map<String, String?> scopeMap = {
          'action': scope.action,
          'bucket': scope.bucket,
          'prefix': scope.prefix,
          'region': scope.region,
        };
        scopeList.add(scopeMap);
      }
    }
    return jsonEncode(scopeList);
  }
}

这里假设类名为 FetchScopeLimitCredentials。初始化一个实例,来给 SDK 提供密钥。

Cos().initWithScopeLimitCredential(FetchScopeLimitCredentials());
强制使本地保存的临时密钥失效

该功能可以强制使 COS SDK 已经缓存的临时密钥失效,包括无限制使用范围和限制使用范围的临时密钥,失效后再使用 COS 接口功能时 SDK 会重新向业务临时密钥服务端获取新的临时密钥。 调用方法:

await Cos().forceInvalidationCredential();
使用永久密钥进行本地调试

您可以使用腾讯云的永久密钥来进行开发阶段的本地调试。由于该方式存在泄漏密钥的风险,请务必在上线前替换为临时密钥的方式。

String SECRET_ID = "SECRETID"; //永久密钥 secretId
String SECRET_KEY = "SECRETKEY"; //永久密钥 secretKey

Cos().initWithPlainSecret(SECRET_ID, SECRET_KEY);

2. 注册 COS 服务

// 存储桶所在地域简称,例如广州地区是 ap-guangzhou
String region = "COS_REGION";
// 创建 CosXmlServiceConfig 对象,根据需要修改默认的配置参数
CosXmlServiceConfig serviceConfig = CosXmlServiceConfig(
    region: region,
    isDebuggable: true,
    isHttps: true,
);
// 注册默认 COS Service
Cos().registerDefaultService(serviceConfig);

// 创建 TransferConfig 对象,根据需要修改默认的配置参数
// TransferConfig 可以设置智能分块阈值 默认对大于或等于2M的文件自动进行分块上传,可以通过如下代码修改分块阈值
TransferConfig transferConfig = TransferConfig(
    forceSimpleUpload: false,
    enableVerification: true,
    divisionForUpload: 2097152, // 设置大于等于 2M 的文件进行分块上传
    sliceSizeForUpload: 1048576, //设置默认分块大小为 1M
);
// 注册默认 COS TransferManger
Cos().registerDefaultTransferManger(serviceConfig, transferConfig);

// 也可以通过 registerService 和 registerTransferManger 注册其他实例, 用于后续调用
// 一般用 region 作为注册的key
String newRegion = "NEW_COS_REGION";
Cos().registerService(newRegion, serviceConfig..region = newRegion);
Cos().registerTransferManger(newRegion, serviceConfig..region = newRegion, transferConfig);
参数说明

CosXmlServiceConfig 用于配置 COS 服务,其主要成员说明如下:

参数名称 描述 类型 默认值 支持平台
region 存储桶地域 String null Android和iOS
connectionTimeout 连接超时时间(单位是毫秒) Int Android(15000) iOS(30000) Android和iOS
socketTimeout 读写超时时间(单位是毫秒) Int 30000 Android
isHttps 是否使用https协议 Bool true Android和iOS
host 设置除了 GetService 请求外的 host String null Android和iOS
hostFormat 设置 host 的格式化字符串,sdk 会将 ${bucket} 替换为真正的 bucket,${region} 替换为真正的 region String null Android
port 设置请求的端口 Int null Android
isDebuggable 是否是 debug 模式(debug 模式会打印 debug 日志) Bool false Android
signInUrl 是否将签名放在 URL 中,默认放在 Header 中 Bool false Android
userAgent ua 拓展参数 String null Android和iOS
dnsCache 是否开启 DNS 解析缓存,开启后,将 DNS 解析的结果缓存在本地,当系统 DNS 解析失败后,会使用本地缓存的 DNS 结果 Bool true Android
accelerate 是否使用全球加速域名 Bool false Android和iOS

TransferConfig 用于配置 COS 上传服务,其主要成员说明如下:

参数名称 描述 类型 默认值 支持平台
divisionForUpload 设置启用分块上传的最小对象大小 Int 2097152 Android和iOS
sliceSizeForUpload 设置分块上传时的分块大小 Int 1048576 Android和iOS
enableVerification 分片上传时是否整体校验 Bool true Android和iOS
forceSimpleUpload 是否强制使用简单上传 Bool false Android

第四步:访问 COS 服务

上传对象

SDK 支持上传本地文件、二进制数据。下面以上传本地文件为例:

    // 获取 TransferManager
    CosTransferManger transferManager = Cos().getDefaultTransferManger();
    //CosTransferManger transferManager = Cos().getTransferManger("newRegion");
    // 存储桶名称,由 bucketname-appid 组成,appid 必须填入,可以在 COS 控制台查看存储桶名称。 https://console.cloud.tencent.com/cos5/bucket
    String bucket = "examplebucket-1250000000";
    String cosPath = "exampleobject"; //对象在存储桶中的位置标识符,即称对象键
    String srcPath = "本地文件的绝对路径"; //本地文件的绝对路径
    //若存在初始化分块上传的 UploadId,则赋值对应的 uploadId 值用于续传;否则,赋值 null
    String? _uploadId;

    // 上传成功回调
    successCallBack(result) {
      // todo 上传成功后的逻辑
    }
    //上传失败回调
    failCallBack(clientException, serviceException) {
      // todo 上传失败后的逻辑
      if (clientException != null) {
        print(clientException);
      }
      if (serviceException != null) {
        print(serviceException);
      }
    }
    //上传状态回调, 可以查看任务过程
    stateCallback(state) {
      // todo notify transfer state
    }
    //上传进度回调
    progressCallBack(complete, target) {
      // todo Do something to update progress...
    }
    //初始化分块完成回调
    initMultipleUploadCallback(
        String bucket, String cosKey, String uploadId) {
      //用于下次续传上传的 uploadId
      _uploadId = uploadId;
    }
    //开始上传
    TransferTask transferTask = await transferManager.upload(bucket, cosPath,
        filePath: srcPath,
        uploadId: _uploadId,
        resultListener: ResultListener(successCallBack, failCallBack),
        stateCallback: stateCallback,
        progressCallBack: progressCallBack,
        initMultipleUploadCallback: initMultipleUploadCallback
    );
    //暂停任务
    transferTask.pause();
    //恢复任务
    transferTask.resume();
    //取消任务
    transferTask.cancel();

下载对象

    // 高级下载接口支持断点续传,所以会在下载前先发起 HEAD 请求获取文件信息。
    // 如果您使用的是临时密钥或者使用子账号访问,请确保权限列表中包含 HeadObject 的权限。

    // TransferManager 支持断点下载,您只需要保证 bucket、cosPath、savePath
    // 参数一致,SDK 便会从上次已经下载的位置继续下载。

    // 获取 TransferManager
    CosTransferManger transferManager = Cos().getDefaultTransferManger();
    //CosTransferManger transferManager = Cos().getTransferManger("newRegion");
    // 存储桶名称,由 bucketname-appid 组成,appid 必须填入,可以在 COS 控制台查看存储桶名称。 https://console.cloud.tencent.com/cos5/bucket
    String bucket = "examplebucket-1250000000";
    String cosPath = "exampleobject"; //对象在存储桶中的位置标识符,即称对象键
    String downliadPath = "本地文件的绝对路径"; //保存到本地文件的绝对路径

    // 下载成功回调
    successCallBack(result) {
      // todo 下载成功后的逻辑
    }
    //下载失败回调
    failCallBack(clientException, serviceException) {
      // todo 下载失败后的逻辑
      if (clientException != null) {
        print(clientException);
      }
      if (serviceException != null) {
        print(serviceException);
      }
    }
    //下载状态回调, 可以查看任务过程
    stateCallback(state) {
      // todo notify transfer state
    }
    //下载进度回调
    progressCallBack(complete, target) {
      // todo Do something to download progress...
    }
    //开始下载
    TransferTask transferTask = await transferManager.download(bucket, cosPath, downliadPath, 
        resultListener: ResultListener(successCallBack, failCallBack),
        stateCallback: stateCallback,
        progressCallBack: progressCallBack
    );
    //暂停任务
    transferTask.pause();
    //恢复任务
    transferTask.resume();
    //取消任务
    transferTask.cancel();

示例代码

import 'package:tencentcloud_cos_sdk_plugin/cos.dart';
import 'package:tencentcloud_cos_sdk_plugin/pigeon.dart';
import 'common/DnsConfig.dart';
import 'routers/delegate.dart';
import 'routers/route_parser.dart';
import 'config/config.dart';
import 'package:flutter/material.dart';
import 'package:flutter_easyloading/flutter_easyloading.dart';

import 'common/constant.dart';
import 'common/handle_error_utils.dart';
import 'cos/fetch_credentials.dart';

void main() async {
  /// 确保初始化完成
  WidgetsFlutterBinding.ensureInitialized();

  //初始化COS
  if(TestConst().USE_SESSION_TOKEN_CREDENTIAL){
    if(!TestConst().USE_SCOPE_LIMIT_TOKEN_CREDENTIAL){
      await Cos().initWithSessionCredential(FetchCredentials());
    } else {
      await Cos().initWithScopeLimitCredential(FetchScopeLimitCredentials());
    }
  } else {
    await Cos().initWithPlainSecret(TestConst().SECRET_ID, TestConst().SECRET_KEY);
  }

  // 设置静态自定义dns
  // await Cos().initCustomerDNS(FetchDns.dnsMap);
  // 设置动态自定义dns回调(更推荐使用 因为更灵活)
  // await Cos().initCustomerDNSFetch(FetchDns());

  await Cos().registerDefaultService(Constant.serviceConfig);
  await Cos().registerDefaultTransferManger(Constant.serviceConfig, TransferConfig());

  handleError(() => runApp(const MyApp()));
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp.router(
      title: 'COS 传输实践',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      routeInformationParser: MyRouteParser(),
      routerDelegate: MyRouterDelegate(),
      backButtonDispatcher: RootBackButtonDispatcher(),
      builder: EasyLoading.init(),
    );
  }
}

更多关于Flutter腾讯云COS存储插件tencentcloud_cos_sdk_plugin的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter腾讯云COS存储插件tencentcloud_cos_sdk_plugin的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


当然,下面是一个使用Flutter腾讯云COS存储插件tencentcloud_cos_sdk_plugin的代码案例。这个案例将展示如何初始化COS客户端、上传文件到COS存储,并获取文件URL。

首先,你需要在pubspec.yaml文件中添加依赖:

dependencies:
  flutter:
    sdk: flutter
  tencentcloud_cos_sdk_plugin: ^latest_version  # 请替换为最新版本号

然后,运行flutter pub get来安装依赖。

接下来是代码部分。

1. 初始化COS客户端

main.dart文件中,首先导入必要的包,并初始化COS客户端。

import 'package:flutter/material.dart';
import 'package:tencentcloud_cos_sdk_plugin/tencentcloud_cos_sdk_plugin.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  final CosSdkPlugin cosSdkPlugin = CosSdkPlugin();

  @override
  void initState() {
    super.initState();
    initCosClient();
  }

  Future<void> initCosClient() async {
    // 替换为你的SecretId和SecretKey
    final String secretId = "your_secret_id";
    final String secretKey = "your_secret_key";
    final String region = "ap-guangzhou";  // 替换为你的COS存储地域

    try {
      await cosSdkPlugin.init(secretId, secretKey, region);
      print("COS客户端初始化成功");
    } catch (e) {
      print("COS客户端初始化失败: $e");
    }
  }

  // 其他逻辑...
}

2. 上传文件到COS存储

接下来,添加上传文件的逻辑。

// 在_MyAppState类中继续添加以下代码

Future<void> uploadFile() async {
  // 文件路径(可以是本地文件路径,也可以是临时文件路径)
  final String localFilePath = "/path/to/your/local/file.txt";
  // 存储桶名称
  final String bucketName = "examplebucket-1250000000";  // 替换为你的存储桶名称
  // 文件在COS中的键(文件名)
  final String cosKey = "exampledir/file.txt";

  try {
    final String fileId = await cosSdkPlugin.uploadFile(localFilePath, bucketName, cosKey);
    print("文件上传成功,文件ID: $fileId");

    // 获取文件URL
    final String fileUrl = await cosSdkPlugin.getFileUrl(bucketName, cosKey);
    print("文件URL: $fileUrl");
  } catch (e) {
    print("文件上传失败: $e");
  }
}

// 在UI中添加按钮以触发上传
@override
Widget build(BuildContext context) {
  return MaterialApp(
    home: Scaffold(
      appBar: AppBar(
        title: Text('Flutter Tencent COS Example'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () => uploadFile(),
          child: Text('上传文件'),
        ),
      ),
    ),
  );
}

3. 完整代码

以下是完整的main.dart代码:

import 'package:flutter/material.dart';
import 'package:tencentcloud_cos_sdk_plugin/tencentcloud_cos_sdk_plugin.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  final CosSdkPlugin cosSdkPlugin = CosSdkPlugin();

  @override
  void initState() {
    super.initState();
    initCosClient();
  }

  Future<void> initCosClient() async {
    final String secretId = "your_secret_id";
    final String secretKey = "your_secret_key";
    final String region = "ap-guangzhou";

    try {
      await cosSdkPlugin.init(secretId, secretKey, region);
      print("COS客户端初始化成功");
    } catch (e) {
      print("COS客户端初始化失败: $e");
    }
  }

  Future<void> uploadFile() async {
    final String localFilePath = "/path/to/your/local/file.txt";
    final String bucketName = "examplebucket-1250000000";
    final String cosKey = "exampledir/file.txt";

    try {
      final String fileId = await cosSdkPlugin.uploadFile(localFilePath, bucketName, cosKey);
      print("文件上传成功,文件ID: $fileId");

      final String fileUrl = await cosSdkPlugin.getFileUrl(bucketName, cosKey);
      print("文件URL: $fileUrl");
    } catch (e) {
      print("文件上传失败: $e");
    }
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter Tencent COS Example'),
        ),
        body: Center(
          child: ElevatedButton(
            onPressed: () => uploadFile(),
            child: Text('上传文件'),
          ),
        ),
      ),
    );
  }
}

注意事项

  1. 替换your_secret_idyour_secret_key为你的腾讯云SecretId和SecretKey。
  2. 替换examplebucket-1250000000为你的存储桶名称。
  3. 确保你的文件路径和COS存储地域正确。

这个示例展示了如何使用tencentcloud_cos_sdk_plugin插件进行COS存储的初始化和文件上传操作。希望这对你有所帮助!

回到顶部