如何在 JS 文件中使用 GitHub 秘密环境变量？

Question

我正在尝试在 GitHub Pages 网站中使用的 JS 文件中使用 GitHub Secrets，我试图用它来隐藏 API 密钥，但是，我已经做了很多研究，但我无法找到或理解任何可以帮助我的东西...不要评判我，我是 GitHub 的新手！无论如何，这是我正在使用的代码：

document.getElementById("submit").addEventListener("click", function() {
    ...
    if (...) {
        var request = new XMLHttpRequest();
        request.open("GET", `https://script.google.com/macros/s/${process.env.API_KEY}/exec?...`, false);
        ...
    }
});

有没有办法可以做到这一点？谢谢！

Answer 1

Github 机密用于工作流程操作。它们不会自动注入到 Github Pages 中。

例如，您可以编写一个工作流程，通过运行一些代码来对主分支的提交做出反应，这些代码在您用于 Github Pages 的任何分支中生成新内容。您编写的工作流程可以将秘密传递给生成页面的程序，并且可以将字符串注入其中。

然而，该秘密在 Github Pages 上发布的客户端代码中可见，因此很大程度上使得 Github Secrets 的使用变得毫无意义。