Estoy creando una aplicación ReactJs que tiene muchos perfiles.
La aplicación se ejecutará en un entorno de desarrollo, un entorno de control de calidad y un entorno de producción.
Dado esto, me gustaría configurar en la máquina host algunas variables de entorno y poder obtener esto en el archivo .env.
Mi necesidad es hacer algo como:
archivo .env
REACT_APP_BASE_SERVICEX_URL=${ENV_ON_HOST_BASE_SERVICEX_URL} REACT_APP_BASE_SERVICEY_URL=${ENV_ON_HOST_BASE_SERVICEY_URL}es posible?
PD: La aplicación se ejecutará en Kubernetes.
archivo .env
REACT_APP_BASE_SERVICEX_URL=HOST_BASE_SERVICEX_URLY donde quiera usar la variable env, úsela de la siguiente manera:
const URL = process.env.REACT_APP_BASE_SERVICEX_URL1- Instale el paquete env-cmd desde npm
2- Cree un archivo llamado .env.envName en la raíz de su proyecto, sush como .env.staging, .env.production, ... para diferenciar las variables en cada entorno.
3- Dentro del archivo env, agregue sus variables en la representación clave/valor con el prefijo de REACT_APP
4- Dentro de tu paquete.json . cambiar las compilaciones de scripts.
"scripts": { "start": "env-cmd -f .env.staging react-scripts start", "build:staging": "env-cmd -f .env.staging react-scripts build", "build:production": "env-cmd -f .env.production react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" },5- El indicador -f es para rutas de archivo env personalizadas, ya que el valor predeterminado está en la raíz del proyecto; de lo contrario, debe especificar la ruta real
"start": "env-cmd -f ../../.env.staging react-scripts start",¿Estás preguntando cómo manejar las variables de entorno ?
Puede colocar las variables que necesite en el archivo .env, .env.local, .env.development o .env.production y luego copiarlas en el archivo .env al implementar.
Es costumbre poner en mayúsculas completamente las variables dentro del archivo .env. Para usarlos dentro del código, coloque process.env antes.
En el archivo .env:
DB_URL = http://fwohfjiowjfwefjpwEn reaccionar:
const DBURL = process.env.DB_URL