Google Apps Script 其他用户触发时库绑定HTML内google.script.run失效问题

问题根本原因 #

你遇到的授权报错是Google Apps Script的标准安全机制导致的：

• 管理员创建的可安装触发器，仅在触发器触发的函数执行生命周期内使用管理员权限，你调用Library.testHTML()弹出对话框的过程确实是管理员权限执行的。
• 但对话框弹出后，运行在用户的浏览器会话中，此时调用google.script.run执行服务器函数时，会自动切换为当前登录用户的权限上下文，和之前的触发器没有任何关联。普通用户没有Library的访问权限，调用getData时自然会触发授权报错。

解决方案 #

方案1：模板预注入数据（无交互场景首选） #

如果仅需要在对话框加载时展示服务端数据，不需要后续用户交互触发服务端逻辑，可以直接在管理员渲染HTML模板时就把数据注入，完全不需要调用google.script.run。
修改Library侧代码如下：

// Library 侧 Codes.gs 修改 testHTML 函数
function testHTML(){
  const template = HtmlService.createTemplateFromFile('testDialogue');
  // 管理员权限下提前获取数据，注入模板
  template.preloadedData = getData();
  const html = template.evaluate();
  SpreadsheetApp.getUi().showModalDialog(html, 'Test Submittal');
}

修改HTML模板代码如下：

<!DOCTYPE html>
<html>
<head>
    <base target="_top">
</head>
<body>
    <div class="container">
        <label for="response" class="form-label" id="response_Label">Loading...</label>
    </div>
</body>
<script>
  function afterDialogueLoads(){
    // 直接使用模板注入的预加载数据
    document.getElementById("response_Label").innerHTML = <?!= JSON.stringify(preloadedData) ?>;
  }
  document.addEventListener('DOMContentLoaded', afterDialogueLoads);
</script>
</html>

方案2：Web App中转（有交互场景首选） #

如果需要用户在对话框内提交数据等交互操作，可以部署一个管理员身份运行的Web App作为中转层，前端用fetch调用，绕开google.script.run的权限限制。

1. 在Library项目中新增Web App入口函数：

// 自定义校验密钥，防止恶意调用
const ACCESS_KEY = "自行生成的随机复杂字符串";
function doGet(e) {
  // 校验请求合法性
  if (e.parameter.key !== ACCESS_KEY) {
    return ContentService.createTextOutput(JSON.stringify({error:"非法请求"})).setMimeType(ContentService.MimeType.JSON);
  }
  // 处理获取数据请求
  if (e.parameter.action === "getData") {
    return ContentService.createTextOutput(JSON.stringify(getData())).setMimeType(ContentService.MimeType.JSON);
  }
  // 可扩展处理提交等其他请求
  if (e.parameter.action === "submit") {
    const submitData = JSON.parse(e.parameter.data);
    // 执行业务逻辑
    return ContentService.createTextOutput(JSON.stringify({success:true})).setMimeType(ContentService.MimeType.JSON);
  }
}

2. 部署该Web App，部署配置选择：

• 执行为：我（管理员账号）
• 谁可以访问：任何人，甚至匿名用户

3. 修改HTML模板代码，替换google.script.run为fetch调用：

<!DOCTYPE html>
<html>
<head>
    <base target="_top">
</head>
<body>
    <div class="container">
        <label for="response" class="form-label" id="response_Label">Loading...</label>
    </div>
</body>
<script>
  // 替换为你部署后的Web App链接
  const WEB_APP_URL = "你的Web App部署链接";
  const ACCESS_KEY = "和Web App侧配置一致的密钥";

  function dataLoaded(data){
    document.getElementById("response_Label").innerHTML = data;
  }
  function onFailure(error){
    document.getElementById("response_Label").innerHTML = "ERROR: " + error.message;
  }
  async function afterDialogueLoads(){
    try {
      const res = await fetch(`${WEB_APP_URL}?key=${ACCESS_KEY}&action=getData`);
      const data = await res.json();
      dataLoaded(data);
    } catch (e) {
      onFailure(e);
    }
  }
  document.addEventListener('DOMContentLoaded', afterDialogueLoads);
</script>
</html>

该方案不需要修改原有权限配置，普通用户依旧不需要Library的访问权限。

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