reactjs - 如何将 React 应用程序从 Github 部署到 AWS S3 存储桶并设置环境变量 注意 : I didn't push . github 中的 env 文件

Question

嗨 React 专家(尤其是具有 CI/CD 知识的)，
请仔细阅读并提供一些可能的方法。

Background:

• I have created a react app using 'create-react-app'
• command  I have created 3 .env files for different environments like .env.development,.env.staging and .env.production.
• For security reasons, we should not push those .env files to public Github repo
• I have taken the necessary steps with the .gitignore file

现在，我想将我的代码从 Github 直接部署到设置了这些 env 变量的 AWS S3 存储桶中。
怎么做呢？
注意:我没有在 Github.b 中推送我的 .env 文件，所以我的 Github 存储库不包含那些 .env 文件。

Answer 1

根据 here .我们无法在 S3 中设置环境变量。 S3 只是一个静态对象存储，而不是一个动态内容服务器。
根据 react documentation执行 npm run build 后，运行时中的所有环境变量都设置为最终构建(在构建文件夹内)。 .在构建 React 应用程序时，.env 中的所有 secret 变量文件在运行环境和完成后 npm run build这些环境变量( secret 变量)被添加到构建文件夹(最终应用程序)。
由于 S3 不是运行时环境，我们需要构建一个 React 应用程序并上传 build创建存储桶后将文件夹添加到 S3 存储桶，或者我们可以使用 GitHub 操作提供该环境变量。