¿Cómo desarrollar una aplicación con Vue & Spring Boot & Onesait Platform?
Introducción
En este ejemplo se explicará cómo compilar y ejecutar un proyecto construido con las siguientes tecnologías:
Vue (+ Componentes UX) para desarrollo Capa Front,
Spring Boot para desarrollo Servicios REST atacados desde Capa Front y hacer invocaciones a Ontologías,
onesait Cloud Platform para modelado ontologías (entidades), seguridad (Realms), dashboards, analítica.
Como ejemplo se ha utilizado el proyecto de Consola de Gobierno de la Plataforma (Governance Console) que incluye estas piezas.
El ejemplo se ha desarrollado utilizando el Development Environment para Windows de la Plataforma que ofrece todas las herramientas para ejecutar una instancia local de la Plataforma y para desarrollar verticales sobre esta. Este IDE contiene todas las tecnologías necesarias para esto:
Java para desarrollo Backend y Plataforma,
Maven como herramienta para compilar todo el proyecto,
NPM para compilar proyecto Vue,
Eclipse como IDE de desarrollo para Backend y Plataforma,
Visual Studio Code como IDE de desarrollo para Front ,
jProfiler para hacer profilings de Backend.
¡¡¡Comencemos!!!
Descarga el código
Descargo e instalo la última versión del SDK de plataform cómo se indica en esta guía: How to run the platform in my Windows PC with OP-SDK?
Una vez descomprimido tendré una estructura como esta:
Pincharé sobre start.bat , esto me generá la unidad virtual S:
y me abrirá una línea de comandos con todas las variables de entorno establecidas (Java, Node,...):
Desde la línea de comandos iré a sources:Me clonaré el repositorio https://cicd.onesaitplatform.com/gitlab/onesait-platform/onesait-governance-console haciendo un git clone del repo:
Dentro de la estructura tendré:Me descargaré el branch develop con git checkout develop
Y haré un git pull
El proyecto tiene esta estructura:
Dentro de sources tengo esta estructura:
en la que tengo el módulo backend (Spring Boot) y el módulo frontend (Vue).
La compilación de ambos módulos se realiza desde el pom.xml padre, que se encarga de compilar tanto el Front como el Back.
Ejecútalo!
Ejecutaré \start.bat para conectarme con el registro NPM y poder descargarme los componentes de UX para Vue, daré los datos que me indica el CMD:
Ya puedo compilar mi proyecto. Desde sources ejecutaré mvn clean install
Si todo ha ido bien se habrá compilado el proyecto. Además el compilado Vue.js de frontend se copia a backend para poder ejecutar Front y Back desde la aplicación Spring Boot:Ya puedo ejecutar el proyecto con >java -jar backend/target/onesait-gov-console-backend-1.0.0-SNAPSHOT-exec.jar
Si todo ha ido bien tendré la aplicación desplegada en http://localhost:17000/gov-console/