Estoy tratando de integrar una aplicación de terceros dentro de mi aplicación React. Tengo que usar diferentes claves para la producción y la puesta en escena, pero no puedo averiguar cómo lograrlo en las aplicaciones React y Node. Puedo hacerlo mediante process.env , pero en index.html no puedo averiguar cómo puedo lograrlo. .
Aquí está mi pseudocódigo que estoy tratando de obtener para mi archivo index.html para mi proyecto React
<script> if(env === production){ some_app.init('TOKEN_FOR_PRODUCTION'); } else{ some_app.init('TOKEN_FOR_STAGING_OR_DEV'); } </script>Si bien personalmente prefiero almacenar todas las claves API en el propio servidor, esta guía indica que hay otras formas de hacerlo:
https://www.geeksforgeeks.org/how-to-hide-your-api-keys-from-public-in-reactjs/
Además, para definir las diferencias entre prod y staging solo en el front-end, recomiendo definir variables de complemento usando webpack: