如何使用App Script将HTML表单提交到Google Forms？

基础概念

App Script 是 Google 提供的一个基于 JavaScript 的脚本平台，可以用来自动化和扩展 Google Workspace 应用（如 Google Sheets、Google Docs、Google Forms 等）的功能。

类型

App Script 可以分为多种类型，包括但不限于：

Google Sheets 脚本：用于处理 Google Sheets 数据。
Google Forms 脚本：用于处理 Google Forms 数据。
Google Docs 脚本：用于处理 Google Docs 文档。

应用场景

自动化表单提交
数据处理和分析
自定义表单验证
自动化邮件发送

如何使用 App Script 将 HTML 表单提交到 Google Forms

步骤 1：创建 HTML 表单

首先，创建一个 HTML 表单，收集用户输入的数据。

<!DOCTYPE html>
<html>
<head>
    <title>Form Submission</title>
</head>
<body>
    <form id="myForm">
        <label for="name">Name:</label>
        <input type="text" id="name" name="entry.1234567890">
        <br>
        <label for="email">Email:</label>
        <input type="email" id="email" name="entry.0987654321">
        <br>
        <button type="submit">Submit</button>
    </form>

    <script src="https://apis.google.com/js/platform.js" async defer></script>
    <script>
        document.getElementById('myForm').addEventListener('submit', function(event) {
            event.preventDefault();
            const formData = new FormData(this);
            const data = {};
            formData.forEach((value, key) => {
                data[key] = value;
            });

            fetch('https://script.google.com/macros/s/YOUR_SCRIPT_ID/exec', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/x-www-form-urlencoded'
                },
                body: new URLSearchParams(data)
            })
            .then(response => response.text())
            .then(result => {
                alert('Success: ' + result);
            })
            .catch(error => {
                alert('Error: ' + error);
            });
        });
    </script>
</body>
</html>

步骤 2：创建 Google Apps Script

在 Google Drive 中创建一个新的 Google Apps Script 文件，并添加以下代码：

function doPost(e) {
  const form = FormApp.openById('YOUR_FORM_ID');
  const responses = form.getResponses();
  const response = responses[responses.length - 1];
  const items = response.getItemResponses();

  const data = {};
  items.forEach(item => {
    data[item.getItem().getTitle()] = item.getResponse().getValue();
  });

  Logger.log(JSON.stringify(data));
  return ContentService.createTextOutput(JSON.stringify(data));
}

步骤 3：部署脚本

在 Google Apps Script 编辑器中，点击“部署”按钮。
选择“Web 应用”。
设置执行身份为“用户访问自己的数据”。
设置访问权限为“任何人都可以访问”。
点击“部署”。

步骤 4：获取脚本 ID 和表单 ID

脚本 ID：在 Google Apps Script 编辑器的 URL 中可以找到，例如 https://script.google.com/d/SCRIPT_ID/edit。
表单 ID：在 Google Forms 的 URL 中可以找到，例如 https://docs.google.com/forms/d/FORM_ID/viewform。