如何从Google Calendar插件中打开浏览器窗口

AI 小北

2026-8-2

在Google Calendar插件中点击按钮打开浏览器窗口的实现方法

根据你的需求，Google Calendar插件无法使用SpreadsheetApp这类特定服务的API，需要结合Google Workspace插件的UI框架来实现，分两种场景提供解决方案：

场景1：侧边栏/对话框（基于HtmlService）

如果你的插件是用HtmlService构建的侧边栏或弹窗，直接在前端HTML的JavaScript中绑定按钮点击事件，调用window.open()打开目标URL：

创建前端HTML文件（比如命名为sidebar.html）：

<button id="newBtn">NEW</button>
<script>
document.getElementById('newBtn').addEventListener('click', () => {
  // 替换为你需要打开的目标URL
  window.open('https://your-target-url.com', '_blank');
});
</script>

在服务器端脚本（Code.gs）中加载侧边栏：

function showSidebar() {
  const html = HtmlService.createHtmlOutputFromFile('sidebar')
    .setTitle('Calendar Plugin');
  CalendarApp.getUi().showSidebar(html);
}

场景2：卡片式UI（基于CardService）

如果你的插件是Google Calendar的卡片式插件（比如显示在日历事件详情页的卡片），需要通过CardService的动作来触发打开链接：

在服务器端脚本（Code.gs）中实现卡片和按钮逻辑：

// 创建日历卡片
function createCalendarCard() {
  const newButton = CardService.newTextButton()
    .setText("NEW")
    .setOnClickAction(CardService.newAction().setFunctionName('openTargetUrl'));

  const section = CardService.newCardSection().addWidget(newButton);
  return CardService.newCardBuilder().addSection(section).build();
}

// 处理按钮点击，返回打开链接的动作
function openTargetUrl() {
  return CardService.newOpenLinkAction()
    .setUrl('https://your-target-url.com')
    .setOpenAs(CardService.OpenAs.NEW_WINDOW) // 设置为新窗口打开
    .setOnClose(CardService.OnClose.RELOAD_ADD_ON); // 可选：关闭后刷新插件
}