我想通过 Google Appscript (a) 以编程方式将 Google 表格文档中选定的 表格 发布到网络，(b) 以编程方式获取每张表格发布的 URL，以及 ( c）每当相应的工作表更新时，每个工作表的已发布版本都会自动更新（这应该会自动发生，对吗？）。现在，我只能通过文件/发布到 Web 来完成此操作...
以下问答与本题高度相关：
Google Sheets API: How to "publish to web" for embeddable sheet?
但是，它似乎仅适用于发布整个 Google 表格文档，而不适用于发布 Google 表格文档中的单个表格。任何解决方案的想法将不胜感激。
【问题讨论】：
标签： google-apps-script google-sheets google-drive-api google-sheets-api web-publishing
我对这个问题有了一些了解。只需修改用于访问该工作表的 URL，即可获得指向 Google 表格文档中单个工作表的已发布 HTML 版本的 URL。
例如，这是我在 Google 表格中处理的工作表的网址，直接从浏览器的网址栏中复制：
然后我可以如下修改 URL 以获得该单张工作表的已发布 HTML 版本：
我所做的 URL 修改总结：
可以做出的其他推论：
这些新见解将我的问题转变为一个新问题：即，我如何以编程方式（通过 Google Appscript）获取我正在处理的 Google 表格文档的 ID，以及我使用的电子表格的 ID正在工作吗？
答案如下：
var ss = SpreadsheetApp.getActiveSpreadsheet().getId();var sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet().getSheetId();var publishedURL = "https://docs.google.com/spreadsheets/u/0/d/" + ss + "/htmlembed/sheet?gid=" + sheet;
不过，还有一个挥之不去的问题：这个已发布 URL 的用户似乎必须手动刷新浏览器才能将 HTML 与电子表格同步。 目前，我没有除了要求 URL 的用户安装自动 URL 刷新器或定期手动刷新页面之外，此问题的解决方案。我欢迎对此提出任何想法。
【讨论】：
您似乎可以根据这些对话框发布单个工作表：
它确实会更新已发布的表格，尽管我偶尔会注意到该过程有相当多的延迟。
由于 Publish to the Web 仅显示包含工作表值的 html 表格的只读版本，因此您可以使用一个 web 应用程序来完成。下面是一个以表格形式显示所有工作表的示例。
function publishAllSheets()
{
var ss=SpreadsheetApp.getActive();
var allShts=ss.getSheets();
var s='All my Sheets';
for(var i=0;i<allShts.length;i++)
{
var sh=allShts[i];
var rg=sh.getDataRange();
var vA=rg.getValues();
s+=Utilities.formatString('Sheet: %s <br /><table border="1">',allShts[i].getName());
for(var j=1;j<vA.length;j++)
{
s+='<tr>';
for(var k=0;k<vA[j].length;k++)
{
s+=Utilities.formatString('<td>%s</td>', vA[j][k]);
}
s+='</tr>';
}
s+='</table>';
}
return s;
}
function showAllMySheets()
{
var ui=HtmlService.createHtmlOutputFromFile('allsheets').setWidth(1000);
SpreadsheetApp.getUi().showModelessDialog(ui, 'All My Sheets')
}
function doGet()
{
var ui=HtmlService.createHtmlOutputFromFile('allsheets');
return ui.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
}
allsheets.html
<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(function(){
google.script.run
.withSuccessHandler(updateDiv)
.publishAllSheets();
});
function updateDiv(hl)
{
document.getElementById('c1').innerHTML=hl;
}
</script>
</head>
<body>
<div id="c1"></div>
</body>
</html>
function getSheetNames()
{
var ss=SpreadsheetApp.getActive();
var allShts=ss.getSheets();
var shts=[];
for(var i=0;i<allShts.length;i++)
{
shts.push(allShts[i].getName());
}
return shts;
}
function getOneSheet(name)
{
var ss=SpreadsheetApp.getActive();
var sh=ss.getSheetByName(name);
var rg=sh.getDataRange();
var vA=rg.getValues();
var s='';
s+=Utilities.formatString('Sheet: %s <br /><table border="1">',sh.getName());
for(var j=1;j<vA.length;j++)
{
s+='<tr>';
for(var k=0;k<vA[j].length;k++)
{
s+=Utilities.formatString('<td>%s</td>', vA[j][k]);
}
s+='</tr>';
}
s+='</table>';
return s;
}
onesheet.html
<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(function(){
google.script.run
.withSuccessHandler(updateSelect)
.getSheetNames();
});
function updateDiv(hl)
{
document.getElementById('c1').innerHTML=hl;
}
function updateSelect(vA)
{
var select = document.getElementById("sel1");
select.options.length = 0;
for(var i=0;i<vA.length;i++)
{
select.options[i] = new Option(vA[i],vA[i]);
}
}
function getSelectedSheet()
{
var name=$('#sel1').val();
google.script.run
.withSuccessHandler(updateDiv)
.getOneSheet(name);
}
console.log('MyCode');
</script>
</head>
<body>
<select id="sel1">
<option value="" selected></option>
</select>
<input type="button" value="Select" onClick="getSelectedSheet();" />
<div id="c1"></div>
</body>
</html>
【讨论】：
document.getElementById().innerHTML= 的 div