Explicación en vídeo:
Introducción
FundeWebJS es un framework que se divide en dos partes separadas e independientes, back-end y front-end. Esto quiere decir que tendremos dos proyectos diferentes para una misma aplicación, y se utilizará un entorno de desarrollo distinto para cada uno.
Las tecnologías que utilizaremos serán, para el back-end, Spring Boot, que utiliza Java y da facilidades para hacer código estandarizado y reutilizable. También se utilizará Hibernate para el mapeo entre objetos del modelo y la base de datos. En cuanto al front-end, utilizaremos Vue, un framework JavaScript progresivo para hacer interfaces de usuario, con un enfoque basado en componentes.
La comunicación entre ambas partes se hará a través de un servicio REST que ofrecerá el back-end.
¿Qué es Spring Boot?
Spring es un framework de desarrollo para aplicaciones Java Enterprise, con la posibilidad de desplegar en cualquier plataforma. Spring Boot es una extensión de este framework enfocada a la creación rápida de proyectos Spring, automatizando la mayor parte de la configuración necesaria. Trae un servidor embedido, lo que permite un desarrollo más ágil, pues facilita su prueba y despliegue. El servidor que trae por defecto es un Tomcat, pero se puede cambiar fácilmente, por ejemplo a Undertow, modificando las dependencias Maven en el pom.xml.
Acceso a datos en Spring Boot
Utilizaremos Hibernate para el mapeo entre objetos del modelo y la base de datos, que implementa como parte de su código la especificación de JPA (Java Persistence API). Para las operaciones básicas de base de datos utilizaremos JpaRepository, una interfaz específica de JPA que extiende a Repository y nos dará la posibilidad de obtener datos filtrando por diferentes campos, haciendo paginación, reordenación, persistir o borrar datos, sin necesidad de implementar los métodos.
Servicios REST en Spring Boot
Un servicio REST es una interfaz entre sistemas que utiliza HTTP para obtener datos o generar operaciones sobre los mismos.
- Es un protocolo cliente/servidor sin estado.
- Consta de las operaciones POST (crear), GET (leer y consultar), PUT (editar), DELETE (eliminar).
- Los objetos REST se manipulan a partir de la URI (Uniform Resource Identifier).
- Deben presentar una interfaz uniforme para la transferencia de datos.
Los servicios REST tienen múltiples ventajas, como la separación entre el cliente y el servidor, la visibilidad, fiabilidad, escalabilidad, y la independencia del tipo de plataforma o lenguaje que se utilicen.
En Spring Boot es muy fácil crearlos, pues a través de anotaciones podremos definir nuestro controlador rest y los métodos que ofrece.
¿Qué es Vue?
Vue es un framework JavaScript open source para constuir interfaces de usuario, creado por Evan You, ex trabajador de Google, así como ex desarrollador en Angular, con el que guarda similitudes. Vue es actualmente, junto a Angular y React, uno de los tres framewoks JavaScript más populares. Se caracteriza por permitir hacer aplicaciones ligeras con un gran rendimiento.
Es un framework de desarrollo de interfaces basado en componentes. El desarrollo basado en componentes consiste en construir aplicaciones mediante el ensamblado de módulos software reutilizables, lo que favorece el desarrollo rápido de aplicaciones y permite gestionar más fácilmente la complejidad del software.
Para gestionar las dependencias, los paquetes o librerías que utiliza nuestro proyecto, se utiliza el gestor de paquetes NPM. Así, podremos descargar y utilizar inmediatamente diferentes componentes y funcionalidades, como los componentes de Primevue (versión para Vue del conocido Primefaces), o la librería Axios, que nos ofrece todas las operaciones necesarias para acceder al servicio REST que tendremos en el back-end.