Variables de entorno

[Duglas7]

Hola, consulta alguien ha podido trabajar con variables de entorno a nivel front? por react? lo he intentado y no me salen las variables de entorno de react solo unas de vtex

[erika.beltran]

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

GitHub - vtex-apps/render-runtime: The VTEX Render framework runtime

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

[Duglas7]

Muchas gracias por su respuesta muy amable