reactjs - 静态站点的环境变量？

Question

我正在考虑将 React 应用程序作为静态站点部署到云存储桶。

该应用程序需要一些 api 密钥，但我找不到在云存储中设置环境变量的方法。

甚至可以在云存储中使用环境变量吗？

GCP Secret Manager 可能是一个选项，但看起来它是用于服务器端的。它需要身份验证，但我使用环境变量的主要目的是存储用于 Firebase 身份验证的 Firebase 密钥。

有什么建议么？

Answer 1

您可以在 Cloud Storage 上托管您的静态站点，但这不允许您在其上设置环境变量。

作为替代方案，您可以使用 App Engine Standard 并在那里部署您的静态站点。在app.yaml您将能够这样做：

可选。您可以在 app.yaml 文件中定义环境变量，以使它们可用于您的应用程序。

以 GAE 为前缀的环境变量保留供系统使用，不允许在 app.yaml 文件中使用。

例子：

env_variables: MY_VAR: "my value"

其中MY_VAR和my value是您要定义的环境变量的名称和值，每个环境变量条目在env_variables元素下缩进两个空格。