Google AppMaker：点击按钮如何用下载URL下载及内置函数查询

Google AppMaker并没有提供专门的内置下载函数，但我们可以借助前端JavaScript的常规方法，结合你的下载URL轻松实现点击按钮下载文件的功能，下面分享两种常用的实现方式：

方法1：通过新窗口触发下载 #

这种方式简单直接，适合不需要自定义文件名的场景：
在按钮的客户端 onClick 脚本中添加以下代码：

function handleDownloadClick() {
  // 替换成你的实际下载URL
  const targetUrl = "https://your-download-url-here.com/file.pdf";
  // 打开新窗口触发下载，多数浏览器会自动关闭空白窗口
  window.open(targetUrl, "_blank");
}

方法2：创建隐藏锚点触发下载（推荐） #

这种方法更优雅，不会弹出新窗口，还能自定义下载后的文件名：
同样在按钮的客户端 onClick 脚本中写：

function handleDownloadClick() {
  const targetUrl = "https://your-download-url-here.com/file.pdf";
  // 可选：自定义下载后的文件名
  const saveFileName = "我的自定义文件.pdf";

  // 动态创建隐藏的a标签
  const downloadLink = document.createElement('a');
  downloadLink.href = targetUrl;
  // 如果需要自定义文件名，就设置download属性
  if (saveFileName) {
    downloadLink.download = saveFileName;
  }
  downloadLink.style.display = 'none';
  document.body.appendChild(downloadLink);
  // 模拟点击触发下载
  downloadLink.click();
  // 下载完成后移除标签
  document.body.removeChild(downloadLink);
}

额外注意事项 #

• 确保你的下载URL是可访问的：如果是AppMaker后端生成的Blob链接或者需要权限验证的Cloud Storage文件，要先通过服务器端脚本生成有效的签名URL，避免出现403/404错误。
• 跨域问题：如果下载URL属于不同域名，要确保目标服务器配置了正确的CORS策略，否则浏览器可能会拦截下载请求。

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