如何使用设置的环境变量将React应用程序从Github部署到AWS S3存储桶注意：我没有在github中推送.env文件

Question

你好 React 专家（尤其是具有 CI/CD 知识的），

\n

请仔细阅读并提供一些可能的方法。

\n

\n

背景：

\n

\n
• 我使用“create-react-app”创建了一个反应应用程序
\n
• command\xc2\xa0 我已经为不同的环境创建了 3\xc2\xa0.env 文件，例如 \xc2\xa0.env.development、.env.staging 和 \xc2\xa0.env.Production。
\n
• 出于安全原因，我们不应该将这些\xc2\xa0.env 文件推送到公共 Github 存储库
\n
• 我已对 .gitignore 文件采取了必要的步骤
\n

\n

\n

现在，我想将我的代码从 Github 直接部署到设置了这些环境变量的 AWS S3 存储桶。\n如何执行此操作？

\n

注意：我还没有将我的\xc2\xa0.env 文件推送到Github.b 中，所以我的Github 存储库不包含那些\xc2\xa0.env 文件。

\n

Answer 1

根据这里。我们无法在 S3 中设置环境变量。S3 只是一个静态对象存储，而不是动态内容服务器。

根据反应文档，运行时中的所有环境变量在执行后都设置为最终构建（在构建文件夹内）npm run build。构建 React 应用程序时，文件中的所有秘密变量都.env位于运行时环境中，完成后npm run build这些环境变量（秘密变量）将添加到构建文件夹（最终应用程序）中。

由于 S3 不是运行时环境，我们需要构建一个 React 应用程序，并build在创建存储桶后将文件夹上传到 S3 存储桶，或者我们可以使用 GitHub 操作提供该环境变量。