如何管理 React 网站的多个版本？

Question

我有一个在 Netlify 上托管的 React 网站，但我想分三个阶段部署它。

目前，我有一个 GitHub 存储库，但我只需使用 GitHub Dekstop 将本地代码推送到存储库，它就会直接上线。

我想将其分为几个阶段，在进入“生产”之前我可以先测试更新。

有没有办法：

1. 推送我的本地更改，
2. 在 GitHub 上决定是测试还是上线？

我听说过 GitHub Action 工作流程和 GitHub Pages，但我不想使用 GitHub Pages 进行部署。

我还尝试过使用 Git 工作流程并配置 node.js 工作流程。但我仍然不明白如何用它来管理多个阶段。

如何解决这个问题？

如有任何帮助，我们将不胜感激。

Answer 1

如果我理解正确的话，您希望至少有两种不同的 Netlify 部署：一种用于测试，一种用于生产。如果是这样，您不一定需要工作流程。

最简单的设置方法是使用不同的分支。尝试这些：

1. 确保您的存储库上至少有两个独立的分支，例如

   main

   用于生产，

   dev

   用于开发/测试

2. 您对代码所做的所有更改都应推送到

   dev

   分支。

3. 通过选择存储库在 Netlify 上设置测试部署，但确保选择

   dev

   分支，如下所示。

4. 现在，这将是自动显示您推送的任何更改的站点，而不是具有用于生产的

   main

   分支的站点。

5. 如果您对更新感到满意，您可以在 GitHub 上创建 PR，将

   dev

   分支中的更新推送到您的

   main

   分支。 合并请求后，您的更新将反映在您的生产部署中。

希望有帮助！✨