如何用NestJS+ReactJS实现学生向教师Google Drive提交作业？

1. React端需向后端发送的文件夹数据 #

• 文件夹ID：这是最核心的信息，Google Drive里每个文件夹都有唯一ID，后端靠它精准定位目标文件夹，是后续学生上传作业的关键依据。
• 文件夹名称（可选）：前端可以把选中的文件夹名称一起发过去，后端存起来方便教师确认，避免选错文件夹的情况。
• 权限校验标记（可选）：如果前端能拿到该文件夹的权限状态（比如教师有没有编辑权限），也可以一并发送，后端能做二次校验，防止选了个没权限的文件夹。

没必要发完整的权限列表，后端后续调用Google Drive API时，会基于授权令牌或服务账号自动处理权限逻辑。

2. 学生提交作业至指定Google Drive文件夹的实现方法 #

核心思路 #

让NestJS后端当中间层，先接收学生上传的文件，再调用Google Drive API把文件存到教师指定的文件夹里，关键是后端得有合法的Google Drive操作权限。

具体步骤 #

1. 配置后端权限
   • 用Google Cloud的服务账号，给它开Google Drive API的操作权限，下载服务账号的密钥JSON文件，存在后端的环境变量里。
   • 让教师把选定的文件夹共享给这个服务账号，必须给编辑权限，不然后端没法往文件夹里写文件。
2. 编写学生上传接口
   • 在NestJS里建个POST接口，用FileInterceptor接收学生上传的文件，拿到文件的二进制流、文件名、类型这些信息。
   • 从数据库里调出对应作业绑定的教师文件夹ID。
3. 调用Google Drive API上传文件
   • 用Google官方的Node.js库googleapis初始化Drive客户端：

     const { google } = require('googleapis');
     const auth = new google.auth.GoogleAuth({
       keyFile: process.env.GOOGLE_SERVICE_ACCOUNT_KEY,
       scopes: ['https://www.googleapis.com/auth/drive.file'],
     });
     const drive = google.drive({ version: 'v3', auth });
     

   • 构造上传参数，指定父文件夹为教师选的那个，调用files.create完成上传：

     const uploadResult = await drive.files.create({
       requestBody: {
         name: `${学生ID}_${作业ID}_${原文件名}`, // 重命名避免文件覆盖
         parents: ['教师的文件夹ID'],
       },
       media: {
         mimeType: 文件的MIME类型,
         body: 文件二进制流,
       },
     });
     

4. 反馈上传结果
   • 上传成功后，把Google返回的文件ID存到数据库里（和学生作业关联），给前端返回成功消息；失败的话就返回错误原因。

注意事项 #

• 学生无需直接操作Google Drive，所有上传逻辑由后端处理，避免泄露敏感权限信息。
• 后端要校验文件的大小、类型，防止不符合要求的文件被上传。
• 给文件重命名时可以拼接学生ID、作业ID，避免不同学生传同名文件导致覆盖。

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