如何在集成Google Classroom的GAS Web App中获取PyScript py-repl输入代码？

方法1：直接读取py-repl的输入历史 #

py-repl元素内置了关联的Pyodide会话实例，可通过JavaScript直接提取用户输入的代码行：

// 获取页面中的py-repl元素
const replElement = document.querySelector('py-repl');
// 提取用户输入的所有代码行，存为数组
const userCodeLines = replElement.interpreter.session.input_history;
// 将数组拼接为完整代码字符串
const fullCode = userCodeLines.join('\n');

input_history数组中直接存储了用户在py-repl中输入的每一行代码，完全匹配你需要的内容，无需处理stdout/stderr输出。

方法2：实时监听输入提交事件 #

如果需要实时捕获用户每次输入的代码行，可以监听py-repl的submit事件：

document.querySelector('py-repl').addEventListener('submit', (event) => {
  // event.detail.source即为当前提交的代码行
  const inputLine = event.detail.source;
  // 可将该行存入数组，最后拼接成完整代码
  console.log('用户输入:', inputLine);
});

结合GAS完成后续流程 #

拿到完整代码后，通过GAS客户端API将代码传给服务器端，完成Drive文件创建和Classroom作业提交：

客户端JavaScript #

function sendCodeToServer(code) {
  google.script.run
    .withSuccessHandler(() => alert('提交成功'))
    .withFailureHandler(err => console.error(err))
    .processSubmission(code);
}

GAS服务器端代码 #

function processSubmission(code) {
  // 在用户Drive创建代码文件
  const rootFolder = DriveApp.getRootFolder();
  const codeFile = rootFolder.createFile('Python作业代码.txt', code, MimeType.PLAIN_TEXT);
  
  // 提交至Google Classroom（需先启用Classroom高级服务）
  const courseId = '你的课程ID';
  const assignmentId = '你的作业ID';
  const submissionId = '学生的提交ID'; // 可通过Classroom API获取
  
  Classroom.Courses.CourseWork.studentSubmissions.turnIn({
    courseId: courseId,
    courseWorkId: assignmentId,
    id: submissionId
  });
}

注意：使用Classroom API需在GAS编辑器中启用Google Classroom高级服务，路径为：编辑器右上角「资源」→「高级Google服务」→找到Google Classroom并启用。

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