Blog con Spring Boot - Cuarta parte: Conversión en Back End y creamos Front End con React

Serie de videos sobre la creación de una aplicación web de un Blog con Spring Boot.

En este cuarto video convertimos la aplicación monolítica de un Blog del video anterior en un back-end, y después creamos un front-end en javascript con la librería React. Además sustituimos las claves de la base de datos y las entidades, siendo hasta ahora autoincrementales numéricos, por el tipo UUID. La aplicación deberá seguir siendo capaz de crear, modificar y eliminar posts, e igualmente de crear comentarios de esos posts, que también serán modificables y eliminables.

Además modificaremos nuestro sistema de autorización y autenticación con Spring Security para utilizar tokens JWT en vez de cookies y HTTP Session.

Tenéis disponible el código de esta aplicación en un repositorio GitHub:

Capítulos:

00:00:00 INICIO
00:00:45 TEORIA SOBRE JWT
00:04:25 EMPEZAMOS A MODIFICAR SECURITY CONFIGURATION
00:05:37 CSRF EN SECURITY FILTER CHAIN
00:06:53 CORS EN SECURITY FILTER CHAIN
00:08:38 HEADERS EN SECURITY FILTER CHAIN
00:09:25 HSTS EN SECURITY FILTER CHAIN
00:10:00 SESSION MANAGEMENT STATELESS
00:10:35 ADDFILTER EN SECURITY FILTER CHAIN
00:12:40 JAVA JWT Y SUS DEPENDENCIAS
00:14:10 CREAMOS FILTRO JWTAUTHENTICATIONFILTER Y SERVICIO JWTSERVICE
00:19:21 JWS VS JWT
00:21:16 GENERAR CLAVE SECRETA CON OPENSSL
00:22:03 GUARDAR INFORMACIÓN SENSIBLE EN PROPERTIES VS VARIABLES DE ENTORNO
00:29:48 AUTHENTICATION EN CONTEXTO DE SPRING SECURITY
00:37:00 FLUJO DE AUTENTICACIÓN CON SPRING SECURITY
00:44:30 MODIFICAMOS LOS CONTROLLERS PARA DEVOLVER OBJETOS Y PERMITIR QUE EL FRONTEND ENRUTE
00:49:00 POSIBLES ACCIONES COMPLEMENTARIAS EN LOGOUT EN BACKEND
00:50:07 RESTCONTROLLER VS CONTROLLER
00:56:10 ACTUALIZACIÓN COMO UPDATE O COMO FIND E INSERT
00:58:54 MODIFICAR GET COMMENTS PARA QUE SEA PAGINABLE EN BACKEND
01:05:15 INICIAMOS PRUEBAS CON POSTMAN
01:11:15 TEORIA SOBRE EL CAMBIO DE CLAVES AUTOINCREMENTALES A CLAVES UUID
01:13:27 MODIFICAMOS EN BASE DE DATOS MARIADB EL TIPO DE DATO DE CLAVES DE INT A UUID
01:16:25 INDICES TEMPORALES PARA AYUDAR A ORDENACIÓN EN TABLAS CON CLAVES UUID
01:17:00 MODIFICAR CLAVES IDENTITY Y TIPO LONG EN BACKEND POR CLAVES UUID
01:18:57 INDICAR EN ANOTACIÓN COLUMN QUE FORMA PARTE DE CLAVES UNICAS
01:19:51 PROBAMOS AUTENTICACIÓN Y PETICIONES PARA PROBAR NUEVAS CLAVES UUID
01:21:30 LOS SCOPE EN FRAMEWORK SPRING
01:23:27 REQUEST SCOPE
01:28:02 APPLICATION SCOPE
01:31:29 ANOTACIÓN CONTROLLERADVICE PARA CENTRALIZAR Y GESTIONAR EXCEPTIONS
01:32:51 CLASE LOGGER DE SLF4J
01:37:50 CREAR LOG DE ACTIVIDAD CON SPRING BOOT CON LOGBACK
01:49:20 EMPEZAMOS A CREAR FRONT-END CON JAVASCRIPT Y LIBRERÍA REACT
01:50:08 RECORDATORIO DE TEORÍA DE REACT
01:52:18 CREAMOS PROYECTO REACT POR LINEA DE COMANDOS
01:54:04 IMPORTAMOS PROYECTO REACT CON VISUAL STUDIO CODE
01:55:20 EMPEZAMOS A EDITAR APP.JSX CON BROWSER ROUTER PARA ENRUTAR
01:57:05 CREAMOS UN CONTEXT PROVIDER COMO AUTHPROVIDER PARA HACER LOGIN, LOGOUT Y SUS ERRORES
02:02:02 CREAMOS MODULO JAVASCRIPT PARA USAR INSTANCIA DE AXIOS PARA PETICIONES DE TODA LA APLICACIÓN
02:07:17 CREAMOS COMPONENTE LOGIN
02:10:47 CREAMOS COMPONENTE BLOG
02:15:57 INSTALAMOS DEPENDENCIAS DE REACT-ROUTER-DOM Y AXIOS
02:16:25 PROBAMOS LOGIN Y BLOG USANDO LA APLICACIÓN
02:16:53 CREAMOS COMPONENTE ROOTREDIRECT PARA CONTROLAR DIRECCIÓN RAIZ
02:18:32 CONTROLAMOS ERRORES DE ACCESO NO PERMITIDO CON AUTHCONTEXT Y RESPUESTA 403 EN TRY CATCH DE PETICIONES
02:20:02 POSIBLE ERROR DE CORS POR CABECERAS NO ACEPTADAS
02:21:57 CONTROLAMOS ERRORES DE ACCESO NO PERMITIDO DESDE MODULO DE AXIOS
02:25:00 CREAMOS COMPONENTE DE EDITAR POST
02:30:05 CREAMOS COMPONENTE COMMENTS PARA LISTAR COMENTARIOS
02:35:50 PROBAMOS EDIT POST
02:36:42 CREAMOS COMPONENTE NUEVO COMENTARIO Y LO PROBAMOS
02:38:55 PROBAMOS LISTA DE COMENTARIOS
02:40:00 CREAMOS COMPONENTE NUEVO POST
02:40:54 ERROR POR NO GENERACIÓN AUTOMÁTICA DE CLAVE UUID CON NATIVE QUERY
02:42:48 CREAMOS COMPONENTE EDITAR COMENTARIO Y LO PROBAMOS
02:45:12 CREAMOS COMPONENTE DE REGISTER PARA REGISTRAR USUARIOS
02:49:05 CREAMOS CONTROLLER PARA RECUPERAR ROLES
02:50:00 ERROR DE REGISTER POR RUTA NO PERMITIDA POR SPRING SECURITY
02:52:31 POLÍTICAS DE SEGURIDAD CSP EN HTML Y EN BACKEND
02:56:57 CREAMOS TEST UNITARIOS Y LOS PROBAMOS CON TEST DATA

#javascript #react #springboot #java