Antes de desplegar nuestro proyecto Portal UI en local, debemos descargar las dependencias ejecutando:
npm i
Tendremos que incluir los archivos .pem del certificado. Podemos utilizar los certificados que se incluyen en esta guía: Configuración de proyectos Spring Boot para FundeWebJs. Al final del todo, en el apartado de los certificados, podemos descargar un rar con los certificados. Tenemos que extraer los .pem en una carpeta que crearemos en la raíz del proyecto, llamada .certs.
También es necesario añadir variables de entorno. Para esto, crearemos un nuevo archivo en la raíz del proyecto, llamado .env.local, que incluirá las siguientes variables:
VUE_APP_API_ENVIRONMENT=https://micampusdesa.um.es VUE_LOCAL_URL=atica-67-543.atica.um.es
La primera corresponde a la dirección por la que se proxyfican las llamadas a /api, como las de login, por ejemplo. En la segunda, tenemos que indicar nuestro dominio .um.es, no se puede utilizar localhost. El que hay es sólo un ejemplo, cada uno tendrá que poner el suyo.
Ahora sí, para desplegar el proyecto en local, en la barra lateral de VS Code veremos una pestaña Scripts NPM (si no la vemos, hacemos click derecho sobre el título de cualquiera de las otras pestañas y seleccionamos esta para activarla). Ahí, tendremos varias opciones, cada una de ellas corresponde a un comando definido en el archivo package.json. Para desplegar el proyecto en local, utilizaremos serve. Sólo tendremos que pulsar en el símbolo de play, el triángulo, que aparece cuando ponemos el cursor encima.
Si el proyecto no tiene problemas o errores que solucionar, veremos esto en la terminal:
Nos indica la ruta en la que está desplegada, que será la que indiquemos en la variable de entorno que hemos mencionado antes, y por defecto utiliza el puerto 8000.