如何使用Create React应用程序部署单独的预生产和生产网站？

Question

目前，我已将网站部署到一个子域中，用于使用Firebase Hosting：test.mydomain.com。

该测试域包含我的.ENV和.ENV生产文件中的测试API键。我将此域视为可以进行端到端测试的地方，并允许公共用户以公共测试人员的身份在网站上玩耍。在我的客户端代码中，我将模拟器初始化用于本地开发/测试，我有类似的东西：

if (process.env.NODE_ENV === 'development') {
    initEmulators();
} else if (process.env.NODE_ENV === 'production') {
    ...
    // Currently this section applies to test.mydomain.com
}

问题是，我不希望test.mydomain.com被称为'生产”因为它没有我的实时API键，所以只需测试API键即可。如果可能的话，我希望理想地将其称为我的代码中的某种“预生产”环境。因此，当我想将实际站点部署到mydomain.com时，它将包含其自己的实时API键，与test.test.mydomain.com中的测试键分开。

有没有办法通过创建React应用程序和Firebase托管来牢固区分“预生产”和实际生产？

我还将如何使用节点/云功能区分后端的两个环境？

我只有一个Firebase项目可以存储所有数据和托管信息，我想避免在可能的情况下创建第二个项目。我正在使用纱线作为软件包经理。