javascript - 使用谷歌脚本 : unable to open file error 在没有服务器的情况下发送电子邮件

Question

我想使用 google 脚本将电子邮件发送到位置 target@example.com.我正在关注这个 - https://github.com/dwyl/html-form-send-email-via-google-script-without-server在我的网站中设置全部功能。

我的网站上有一个 html 表单，我想在有人点击我网站上的提交按钮时发送电子邮件

这是表单的 html -

<div id="content">
		<h1>Contact Us</h1>
		<h4>Fill out the form below and a representative will
contact you shortly.</h4>
		<form id="gform" method="POST" action="https://script.google.com/macros/u/1/s/AKfycbwYbJ5WvIRmizYMr8MMtNVdIodpdYcJHz4DuO97Oxnuw4lnu3k/exec">
  <div class="form-group">
    <label for="exampleInputEmail1">Your Name (required)</label>
    <input type="text" class="form-control" id="exampleInputEmail1" required>
  </div>
  <div class="form-group">
    <label for="exampleInputPassword1">Your Email (required)</label>
    <input type="Email" class="form-control" id="exampleInputPassword1" required>
  </div>
  <div class="form-group">
    <label for="exampleInputPassword1">Subject</label>
    <input type="text" class="form-control" id="exampleInputPassword1">
  </div>
  <div class="form-group">
  	<label for="exampleInputPassword1">Message</label>
  	<textarea class="message"></textarea>
  </div>
  <button type="submit" class="btn btn-default">Submit</button>

这是 script.gs 文件 -

/******************************************************************************
 * This tutorial is based on the work of Martin Hawksey twitter.com/mhawksey  *
 * But has been simplified and cleaned up to make it more beginner friendly   *
 * All credit still goes to Martin and any issues/complaints/questions to me. *
 ******************************************************************************/

var TO_ADDRESS = "target@example.com"; // where to send form data

function doPost(e) {

  try {
    Logger.log(e); // the Google Script version of console.log see: Class Logger
    MailApp.sendEmail(TO_ADDRESS, "Contact Form Submitted",
                      JSON.stringify(e.parameters));
    // return json success results
    return ContentService
          .createTextOutput(
            JSON.stringify({"result":"success",
                            "data": JSON.stringify(e.parameters) }))
          .setMimeType(ContentService.MimeType.JSON);
  } catch(error) { // if error return this
    Logger.log(error);
    return ContentService
          .createTextOutput(JSON.stringify({"result":"error", "error": e}))
          .setMimeType(ContentService.MimeType.JSON);
  }
}

当我在填写完表格后点击提交按钮时，我得到了这个 -

当我在您的最新代码上单击“测试网络应用程序”时，我得到了相同的屏幕。

我发现了什么-

我需要将一些东西作为“名称”属性添加到我的表单内的 html 标记中，但它不是很清楚要添加什么。

我在设置此功能时哪里出错了？

Answer 1

好的，我想我已经解决了你的问题。

似乎有两个问题:

• 您似乎使用两个 gmail 帐户登录: 这就是/u/1 附加到脚本地址的原因(我们不需要它，可能是一个错误)。所以，https://script.google.com/macros/u/1/s/AKfycbwYbJ5WvIRmizYMr8MMtNVdIodpdYcJHz4DuO97Oxnuw4lnu3k/exec变成 https://script.google.com/macros/s/AKfycbwYbJ5WvIRmizYMr8MMtNVdIodpdYcJHz4DuO97Oxnuw4lnu3k/exec
• 您需要在脚本中添加触发器。当您点击 url 时，该触发器将调用脚本的特定函数。 您需要做的是设置一个触发器，在单击提交时触发 doPost()。 doPost() 发送您的电子邮件。

注意事项:

1. 如何添加触发器？转到编辑 > 当前项目的触发器(或者我们也可以使用时钟按钮)。在那里添加你的触发器。在运行下，选择 doPost()，在事件下从电子表格中选择 -> 然后在表单上提交。保存它。
2. 当您访问 https://script.google.com/macros/s/AKfycbwYbJ5WvIRmizYMr8MMtNVdIodpdYcJHz4DuO97Oxnuw4lnu3k/exec 时从浏览器(没有/u/1 :-) )它会给出错误，doGet() 函数不存在，这是真的，你的网络浏览器发送了一个 GET 请求。