Variables de entorno

Hola @Duglas7

Como la finalidad de las variables de entorno es cambiar datos de manera dinámica según el ambiente, puedes recurrir a la fabricación de tus propias variables de entorno, ya que desde el frontend es posible conocer por medio del runtime el ambiente en que te encuentras (ya sea producción o desarrollo, VTEX solo cuenta con estas dos opciones).

En la carpeta de tu proyecto de React crea una nueva llamada config y allí almacena los archivos que tendrán las variables que cambiarán de acuerdo al entorno, estos pueden ser dev.json y prod.json

Ejemplo en código:

Añadir proyecto como dependecia en el manifest:

"dependencies": {
    "vtex.render-runtime": "8.x"
  },

Utiliza este atributo en particular:


const { production } = useRuntime()

Y realiza luego el cambio de variables según tu ambiente.

if(production) mivariable = PROD.ACCOUNT

1 Like