如何通过Google Apps Script库函数引用容器绑定项目本地HTML文件？

问题分析 #

当前库函数使用HtmlService.createTemplateFromFile()时，会默认在库自身的脚本项目中查找HTML文件，而非调用它的容器绑定项目。因此即使容器项目中有Draft.html，库也无法访问，导致报错Exception: No HTML file named Draft was found.。

解决方案思路 #

让容器绑定项目先读取本地HTML模板内容，再将内容传递给库函数，由库函数基于传入的内容创建模板并生成邮件内容。这样就绕开了库无法访问容器项目文件的限制。

步骤1：修改库函数代码 #

将库中依赖文件名读取模板的逻辑，改为直接接收模板内容：

// 库函数：生成邮件草稿
function makeDraft(subject, respondent, templateContent) {
  var htmlMessage = createEmailTemplate(respondent, templateContent);
  Logger.log(htmlMessage);

  GmailApp.createDraft(
    respondent.email, // 收件人邮箱
    subject, // 邮件主题
    "", // 纯文本内容（留空）
    { htmlBody: htmlMessage }
  );
}

// 库函数：基于模板内容生成邮件HTML
function createEmailTemplate(respondent, templateContent) {
  // 直接用传入的模板内容创建模板
  var template = HtmlService.createTemplate(templateContent);
  template.respondent = respondent;
  return template.evaluate().getContent();
}

步骤2：修改容器绑定脚本代码 #

在容器项目中先读取本地的Draft.html内容，再传递给库函数：

const replySubject = "Re: Contact Us"
const draftTemplateName = "Draft";

// 测试函数
function testFunction() {
  // 读取容器项目本地的HTML模板内容
  const templateContent = HtmlService.createHtmlOutputFromFile(draftTemplateName).getContent();
  // 获取提交者数据（实际场景可从表单提交事件中获取）
  const respondent = getRespondentData();
  // 调用库函数生成草稿
  FormAutoEmailLibrary.makeDraft(replySubject, respondent, templateContent);
}

// 模拟获取表单提交者数据（实际使用时替换为真实逻辑）
function getRespondentData() {
  return {
    email : "example@test.com",
    firstName : "Susan",
    message : "This is an example message."
  };
}

// 表单提交触发函数
function onFormSubmit(e) {
  // 从提交事件中提取 respondent 数据
  const respondent = extractRespondentFromEvent(e);
  const templateContent = HtmlService.createHtmlOutputFromFile(draftTemplateName).getContent();
  FormAutoEmailLibrary.makeDraft(replySubject, respondent, templateContent);
}

// 从表单提交事件中提取数据（根据你的表单字段调整）
function extractRespondentFromEvent(e) {
  const itemResponses = e.response.getItemResponses();
  return {
    email: e.response.getRespondentEmail(),
    firstName: itemResponses.find(r => r.getItem().getTitle() === "First Name").getResponse(),
    message: itemResponses.find(r => r.getItem().getTitle() === "Message").getResponse()
  };
}

补充说明 #

• 容器项目读取本地HTML文件时，使用HtmlService.createHtmlOutputFromFile().getContent()可以直接获取文件的原始内容，确保模板中的脚本标签（如<?= ?>）被正确保留。
• 这种方式不需要额外的权限配置，因为容器项目访问自身文件是默认允许的，库仅负责处理模板渲染和邮件草稿生成。

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