如何在Drive Picker组件中仅展示用户所有Team Drives

要让用户只能从自己的所有Team Drives中选择文件，完全屏蔽个人Google Drive的访问，你需要分两步来实现：先获取用户有权限的Team Drives列表，再动态将这些Team Drives添加到Picker组件中，同时确保不加载个人Drive的视图。

步骤1：获取用户的所有Team Drives列表 #

首先，你需要调用Google Drive API的drives.list接口来获取用户可访问的所有Team Drives。这里要确保你的应用已经请求了正确的OAuth权限，比如https://www.googleapis.com/auth/drive.readonly（如果需要上传权限可以用https://www.googleapis.com/auth/drive）。

以下是获取Team Drives的示例代码：

async function getAllTeamDrives() {
  try {
    const response = await gapi.client.drive.drives.list({
      pageSize: 100, // 可根据需求调整，最多支持1000条
      fields: 'drives(id, name)' // 只获取需要的ID和名称字段，减少数据量
    });
    return response.result.drives;
  } catch (error) {
    console.error('获取Team Drives失败:', error);
    return [];
  }
}

步骤2：动态构建Drive Picker的视图 #

接下来，在你的onPickerInit触发的函数中，先获取所有Team Drives，然后为每个Team Drive创建一个DocsView，并添加到Picker Builder中。同时要绝对避免添加任何指向个人Drive的视图，这样用户就完全看不到个人Drive的内容了。

修改你的fetchFolder函数如下：

async function fetchFolder(widget, pickerBuilder) {
  // 先清空默认视图（防止Picker自带个人Drive视图）
  pickerBuilder.removeAllViews();

  // 获取用户的所有Team Drives
  const teamDrives = await getAllTeamDrives();

  if (teamDrives.length === 0) {
    // 处理用户没有可访问Team Drives的情况，比如提示用户
    console.log('当前没有可访问的Team Drives');
    return;
  }

  // 为每个Team Drive创建独立视图，方便用户切换选择
  teamDrives.forEach(drive => {
    const driveView = new google.picker.DocsView()
      .setParent(drive.id) // 绑定当前Team Drive的ID
      .setIncludeFolders(true) // 允许选择文件夹（根据你的需求调整）
      .setTitle(drive.name); // 视图标题显示Team Drive名称，提升用户体验

    pickerBuilder.addView(driveView);
  });

  // 可选：如果你的Picker支持上传功能，记得把上传目标绑定到某个Team Drive
  pickerBuilder.setUploadView(new google.picker.DocsUploadView().setParent(teamDrives[0].id));
}

关键注意事项 #

• 权限配置：确保你的OAuth客户端已经启用了Google Drive API，并且请求的权限范围包含Team Drives访问权限（drive.readonly或drive权限均可）。
• Picker初始化：初始化Picker时，不要添加默认的DocsView()（不带父ID的版本），否则会默认显示个人Drive内容。
• 异常处理：要考虑用户没有任何Team Drives的场景，给出友好的提示或引导。
• 上传限制：如果Picker支持上传，一定要将上传目标指定到某个Team Drive，避免文件被上传到个人Drive。

这样配置后，用户打开Picker时就只能看到自己的所有Team Drives，完全无法访问个人Google Drive的内容了。

内容的提问来源于stack exchange，提问作者Darpan Sanghavi