Estás viendo una versión antigua de esta página. Ve a la versión actual.

Comparar con el actual Ver el historial de la página

« Anterior Versión 6 Siguiente »

Parámetros independientes del entorno de despliegue

Podemos parametrizar nuestra aplicación utilizando variables de entorno, que podemos añadirlas en el archivo.env en la carpeta raiz del proyecto. El archivo, según su nombre, especificará lo siguiente:

.env                 # se carga en todos los casos
.env.local           # se carga en todos los casos, se ignora por git
.env.[modo]          # se carga sólo en un modo específico
.env.[modo].local    # se carga sólo en un modo específico, se ignora por git

Para cambiar el modo, al ejecutar el comando serve o build, tenemos que añadir la opción –mode [modo]. Si lo hacemos desde Visual Studio Code, lo podemos cambiar en package.json.

En caso de haber varios de estos archivos, se cogerá el que más específico sea, por ejemplo, se usará antes env.development que .env.

Dentro de estos archivos, las variables se definen de la forma nombre=valor, por ejemplo:

FOO=bar
VUE_APP_SECRET=secret

Para utilizar estas variables, se referencian en el código JavaScript con process.env.NOMBRE_VARIABLE.

Como la imagen de la aplicación que se despliega es la misma en los diferentes entornos, no se pueden incluir parámetros dependientes del entorno en el que nos encontremos.

Parametrizar endpoint del backend

Para especificar el endpoint de nuestra api, podemos hacerlo en un archivo javascript:

const ENDPOINT_ROUTE = '/api';
export const ENDPOINT = (typeof(process.env.VUE_APP_BACKEND) != "undefined" ? process.env.VUE_APP_BACKEND : window.location.origin) + ENDPOINT_ROUTE;

Lo que está haciendo es comprobar si se ha definido la variable de entorno VUE_APP_BACKEND, y si o está coge la ruta base y le añade /api. La variable de entorno podemos defirla en un archivo .env.local, que no se subirá a gitlab, con nuestro backend en local. Si no, como ambas partes de la aplicación estarán desplegadas bajo la misma ruta, podemos utilizar window.location.origin.

Parámetros dependientes del entorno de despliegue

Los parámetros que dependan del entorno en el que se encuentra la aplicación debemos obtenerlo a través de llamadas al backend. El backend deberá ofrecer un servicio REST para obtener estos parámetros, que podemos almacenar en una tabla que creemos en base de datos.

  • Sin etiquetas