能否为单个Google Spreadsheets创建两个Web App？多页面跳转遇阻求助

核心原因 #

Google Apps Script部署成Web App后，单独的HTML文件无法直接通过文件名（比如Page1.html）跳转，因为部署后的资源路径并非本地文件路径，必须通过脚本端逻辑处理页面加载。

方案1：服务器端参数控制页面跳转（推荐） #

在Code.gs中编写路由逻辑，根据URL参数返回对应HTML页面，主页按钮通过带参数的URL触发跳转：

1. Code.gs 核心代码

function doGet(e) {
  // 根据URL参数返回对应页面，无参数则返回主页
  if (e.parameter.page) {
    switch(e.parameter.page) {
      case 'entry1':
        return HtmlService.createHtmlOutputFromFile('DataEntry1');
      case 'entry2':
        return HtmlService.createHtmlOutputFromFile('DataEntry2');
    }
  }
  return HtmlService.createHtmlOutputFromFile('Index');
}

2. Index.html 按钮代码
   直接通过带参数的URL跳转，Web App会自动触发doGet函数的路由逻辑：

<button onclick="window.location.href = '?page=entry1'">录入第一类数据</button>
<button onclick="window.location.href = '?page=entry2'">录入第二类数据</button>

部署后点击按钮即可跳转至对应录入页面，所有页面共用同一脚本环境，直接复用你已写好的表格同步逻辑即可。

方案2：客户端无刷新加载页面 #

如果不想刷新页面，可通过google.script.run获取HTML内容并替换页面指定区域：

1. Code.gs 添加辅助函数

function getPageContent(pageName) {
  return HtmlService.createHtmlOutputFromFile(pageName).getContent();
}

2. Index.html 客户端代码

<div id="main-content">
  <!-- 主页内容 -->
  <button onclick="loadPage('DataEntry1')">录入第一类数据</button>
  <button onclick="loadPage('DataEntry2')">录入第二类数据</button>
</div>

<script>
function loadPage(pageName) {
  google.script.run.withSuccessHandler(function(html) {
    document.getElementById('main-content').innerHTML = html;
  }).getPageContent(pageName);
}
</script>

这种方式页面无刷新，体验更流畅，适合简单的多页面场景。

关键注意事项 #

• 确保所有HTML文件（Index.html、DataEntry1.html、DataEntry2.html）都在你的Google Script项目中，文件名拼写完全一致（大小写敏感）。
• 每次修改代码后，必须重新部署Web App并选择新版本，否则修改不会生效。
• 两个录入页面的表格同步逻辑无需额外调整，因同属一个脚本项目，默认拥有同一份表格的操作权限。

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