Una vez nos hayamos clonado el proyecto Portal UI de nuestro fork, para empezar a trabajar en local tendremos que hacer previamente unas pocas cosas.
Tendremos que descargar las dependencias, para lo que ejecutaremos el siguiente comando desde la consola de VS Code:
npm i --progress=false --legacy-peer-deps |
Tenemos que definir una serie de variables de entorno para que la aplicación arranque correctamente en local. Para ello, nos creamos un archivo llamada .env.local en la raíz del proyecto, y le ponemos las siguientes variables:
VUE_APP_I18N_LOCALE=es VUE_APP_I18N_FALLBACK_LOCALE=es VUE_APP_UMU_CLIENT_APP=portal-ui # Si necesitas usar el proxy: VUE_APP_API_ENVIRONMENT=https://micampusdesa.um.es VUE_LOCAL_URL= atica-67-165.atica.um.es # URL del API para desarrollo en local VUE_APP_BACKEND=https://atica-67-165.atica.um.es:8080 # Si se necesitan varias rutas, separar por espacios en la misma linea VUE_APP_BACKEND_ROUTES=/acade/ # Estas variables para local deben estar en un fichero # .env.development.local que será ignorado por git # Todas las variables de nuestra aplicación deben empezar por VUE_APP_ |
Las tres primeras variables las dejaremos igual, y la de VUE_APP_API_ENVIRONMENT la podemos modificar por micampustest si queremos utilizar el entorno de test.
Ahí, tendremos que poner en VUE_LOCAL_URL y en VUE_APP_BACKEND la ruta correspondiente a nuestro local, del mismo modo que está, la primera sin https ni el puerto, y la segunda sí incluyéndolos.
La última variable, VUE_APP_BACKEND_ROUTES sirve para indicar qué rutas se van a redirigir al backend local. En este caso, todas las llamadas que se hagan a /acade/** se redirigirán al backend local, y las demás irán a apidesa (o apitest, según el entorno que utilicemos).
También tenemos que incluir los archivos del certificado. Si nos vamos al archivo vue.config.js, vemos que dentro del bloque devServer encontraremos dos rutas a archivos .pem: key.pem y cert.pem. Entonces lo que haremos será crear una carpeta .certs en la raíz del proyecto, y copiar en ella los archivos correspondientes al certificado.
Estos archivos los podemos descargar desde esta guía: Configuración de proyectos Spring Boot para FundeWebJs
Ahí, abajo del todo, en el apartado de Generar certificado autofirmado encontraremos un enlace al archivo certs.rar, que incluye tanto el .p12 para el backend como los dos .pem para el front, que será los que copiaremos a dentro del directorio .certs.