Google Apps Script：库中HTML服务无法执行函数（疑似浏览器安全问题？）

你的问题核心在于**google.script.run的作用域限制**：当从库项目中加载HTML侧边栏时，这个侧边栏的脚本上下文默认绑定到库项目，而不是你关联库的电子表格项目。所以你点击按钮时，google.script.run.clientFunction1()会尝试在库项目中查找clientFunction1，而不是你电子表格脚本里的那个函数，这就是为什么没有任何反应。

下面提供两种可行的解决方案，你可以根据需求选择：

方案1：动态注入目标函数名（适合单一函数调用） #

步骤1：修改库项目的showSidebar函数 #

让它接受一个参数，用来传递宿主表格中要调用的函数名，然后通过HTML模板把这个函数名注入到侧边栏页面中：

// Library.gs（库项目）
function showSidebar(targetFunctionName) {
  // 使用模板创建HTML，而不是直接读取文件
  var htmlTemplate = HtmlService.createTemplateFromFile('Page');
  // 将目标函数名传递给模板变量
  htmlTemplate.targetFunction = targetFunctionName;
  var html = htmlTemplate.evaluate()
      .setTitle('My custom sidebar');
  SpreadsheetApp.getUi().showSidebar(html);
}

步骤2：修改库项目的Page.html #

使用模板变量动态生成要调用的函数名：

<!DOCTYPE html>
<html>
Sample sidebar
<input type="button" value="Execute client function" onclick='someClientFunction()' />
<script>
function someClientFunction(){
  // 通过模板注入的函数名，调用宿主表格的函数
  google.script.run[<?= targetFunction ?>]();
}
</script>
</html>

步骤3：修改宿主电子表格的脚本 #

调用库的showSidebar时，传入你要执行的函数名：

// 关联库的电子表格脚本
function showSidebar(){
  // 传入宿主表格中要调用的函数名
  testLibrary.showSidebar("clientFunction1");
}

function clientFunction1(){
  var ui = SpreadsheetApp.getUi();
  ui.alert("Client function executed");
}

方案2：统一入口调度（适合多函数调用场景） #

如果你的侧边栏需要调用多个宿主表格的函数，推荐使用一个统一的调度函数，通过传递参数来区分要执行的操作：

步骤1：在宿主电子表格中添加调度函数 #

// 关联库的电子表格脚本
function libraryActionDispatcher(action) {
  switch(action) {
    case "showAlert":
      clientFunction1();
      break;
    case "doSomethingElse":
      clientFunction2();
      break;
    // 可以添加更多操作分支
  }
}

function clientFunction1(){
  var ui = SpreadsheetApp.getUi();
  ui.alert("Client function executed");
}

function clientFunction2(){
  // 另一个要执行的函数逻辑
  SpreadsheetApp.getActiveSpreadsheet().toast("Another function ran!");
}

function showSidebar(){
  testLibrary.showSidebar("libraryActionDispatcher");
}

步骤2：修改库的Page.html #

调用调度函数时传递操作标识：

<!DOCTYPE html>
<html>
Sample sidebar
<input type="button" value="Show Alert" onclick='runAction("showAlert")' />
<input type="button" value="Do Something Else" onclick='runAction("doSomethingElse")' />
<script>
function runAction(action){
  google.script.run[<?= targetFunction ?>](action);
}
</script>
</html>

库的showSidebar函数和方案1保持一致即可。

原理说明 #

通过HTML模板将宿主项目的函数名注入到侧边栏中，相当于让google.script.run知道要去当前打开的电子表格项目（而不是库项目）中查找对应的函数，这样就能正确触发你定义的函数了。

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