Flutter云存储插件fl_cloud_storage的使用

Flutter云存储插件fl_cloud_storage的使用

功能

云服务可以提供的功能包括：

1. 认证（登录）
2. 授权
3. 将文件上传到云端
4. 从云端下载文件
5. 从云端删除文件
6. 支持的操作系统：iOS、Android、Web、macOS、Windows、Linux（或子集）

支持的云服务

使用方法

首先，在项目中导入fl_cloud_storage包：

import 'package:fl_cloud_storage/fl_cloud_storage.dart';

然后初始化你想要使用的云存储服务：

final driveService = await CloudStorageService.initialize(
  StorageType.GOOGLE_DRIVE,
  cloudStorageConfig: null, // 可选参数，特定于供应商的实现
);

如果你需要特殊的范围，请参阅每个云存储供应商的部分。

登录

cloudStorageService.authenticate();

检查用户是否已登录

cloudStorageService.isSignedIn;

登出

cloudStorageService.logout();

列出云端存储中的所有文件

cloudStorageService.getAllFiles();

Google Drive云存储

授权

默认情况下，应用程序范围用于Google Drive：

[v3.DriveApi.driveAppdataScope, v3.DriveApi.driveFileScope]

如果你需要完整的读写权限，请添加cloudStorageConfig：

final driveService = await CloudStorageService.initialize<GoogleDriveScope>(
  StorageType.GOOGLE_DRIVE,
  cloudStorageConfig: GoogleDriveScope.full,
);

这样会请求以下范围：

[v3.DriveApi.driveAppdataScope, v3.DriveApi.driveFileScope, v3.DriveApi.driveScope]

示例代码

以下是完整的示例代码：

import 'package:example/cloud_storage_demo.dart';
import 'package:fl_cloud_storage/fl_cloud_storage.dart';
import 'package:flutter/material.dart';

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

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

  // 这个小部件是你的应用的根节点。
  [@override](/user/override)
  Widget build(BuildContext context) {
    const title = 'fl_cloud_storage';
    return MaterialApp(
      title: title,
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: title),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  late final CloudStorageService cloudStorageService;

  StorageType? selection = StorageType.GOOGLE_DRIVE;

  GoogleDriveScope? driveScope;

  [@override](/user/override)
  Widget build(BuildContext context) {
    final storageTypeOptions = StorageType.values
        .map<DropdownMenuItem<StorageType>>(
          (StorageType storageType) => DropdownMenuItem(
            key: Key(storageType.name),
            value: storageType,
            child: Text(storageType.name),
          ),
        )
        .toList();
    return Scaffold(
        appBar: AppBar(
          title: Text('${widget.title} - Login'),
        ),
        body: Column(
          children: [
            const SizedBox(height: 50),
            const Center(
              child: Text('1. 选择您的供应商'),
            ),
            DropdownButton<StorageType>(
              value: selection,
              items: storageTypeOptions,
              onChanged: (StorageType? value) {
                setState(() {
                  selection = value;
                });
              },
            ),
            const Center(
              child: Text('2. 选择范围'),
            ),
            if (selection == StorageType.GOOGLE_DRIVE)
              DropdownButton<GoogleDriveScope>(
                value: driveScope,
                items: GoogleDriveScope.values
                    .map<DropdownMenuItem<GoogleDriveScope>>(
                      (GoogleDriveScope e) => DropdownMenuItem(
                        key: Key(e.name),
                        value: e,
                        child: Text(e.name),
                      ),
                    )
                    .toList(),
                onChanged: (GoogleDriveScope? value) {
                  setState(() {
                    driveScope = value;
                  });
                },
              ),
            const SizedBox(height: 15),
            OutlinedButton(
              onPressed: () {
                Navigator.of(context).push(
                  MaterialPageRoute(
                    builder: (_) => GoogleDriveDemo(
                      delegateKey: selection!,
                      driveScope: driveScope!,
                    ),
                  ),
                );
              },
              child: const Text('开始演示'),
            )
          ],
        ));
  }
}