Google Apps Script Web App从库导入HTML页面失败问题求助

你遇到的问题其实是Google Apps Script（GAS）库的一个常见限制——库无法直接共享自身项目中的HTML文件，而且库的代码是在调用者的项目上下文里执行的，这直接导致了你当前的实现方式行不通。我来帮你拆解原因，再给出可行的解决方案：

问题根源分析 #

你原来的库函数getHtmlBlob()里调用了HtmlService.createTemplateFromFile("page")，但这个方法会在主WebApp项目的环境中执行，而不是库的项目里。也就是说，主项目里没有page.html，这个调用本质上是找不到文件的，所以生成的Blob内容自然不是你想要的页面，反而会返回错误信息或者异常文本，这就是你看到“函数文本”的原因。另外，你在主项目里调用Lib.getHtmlBlob().evaluate()也是错误的——Blob对象并没有evaluate()方法，这会进一步触发错误。

可行解决方案 #

根据你“隐藏HTML文件、共享给多个WebApp”的需求，有两种常用的实现方式：

方案一：将HTML内容转为字符串存储在库中

把库项目里的page.html内容直接转成字符串，写在库的函数里，这样就能通过库把HTML内容传递给主WebApp：

库中的代码：

function getHtmlContent() {
  // 把你原来page.html的内容完整复制到这里（注意转义引号）
  const htmlTemplateString = `
    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8">
        <title>Shared Page</title>
      </head>
      <body>
        <h1>这是来自库的共享页面</h1>
        <!-- 这里放你原来page.html的所有内容 -->
      </body>
    </html>
  `;
  // 生成并返回处理后的HTML内容
  return HtmlService.createTemplate(htmlTemplateString).evaluate().getContent();
}

主WebApp的doGet函数：

function doGet(e) {
  const htmlContent = Lib.getHtmlContent();
  return HtmlService.createHtmlOutput(htmlContent);
}

这种方式的好处是不需要额外权限，实现简单；缺点是如果HTML内容复杂，维护起来会有点麻烦（每次修改HTML都要更新库函数里的字符串）。

方案二：将HTML文件存到Google Drive，通过库读取

如果你的HTML内容比较复杂，想单独维护文件，可以把page.html上传到私密的Google Drive，然后在库中通过Drive API读取文件内容：

步骤1：准备HTML文件
把page.html上传到你的Google Drive，设置为只有你（或者库的授权账号）能访问，然后复制文件的ID（在文件URL的末尾）。

步骤2：库中的代码

function getHtmlContentFromDrive() {
  // 替换成你Drive中HTML文件的ID
  const htmlFileId = "你的HTML文件ID";
  // 读取文件内容
  const htmlString = DriveApp.getFileById(htmlFileId).getBlob().getDataAsString();
  // 返回处理后的HTML内容
  return HtmlService.createTemplate(htmlString).evaluate().getContent();
}

步骤3：主WebApp的doGet函数
和方案一一样：

function doGet(e) {
  const htmlContent = Lib.getHtmlContentFromDrive();
  return HtmlService.createHtmlOutput(htmlContent);
}

这种方式的好处是HTML文件可以单独编辑维护，缺点是需要给库授权Drive API的访问权限，并且要确保主WebApp的部署账号能间接访问到Drive中的文件。

总结 #

GAS库只能共享脚本代码，无法直接暴露自身的HTML文件，所以你原来的思路走不通。上面两种方案都能满足你“隐藏HTML、共享给多个WebApp”的需求，你可以根据自己的场景选择合适的方式。

备注：内容来源于stack exchange，提问作者marcoresk