MENU

Fun & Interesting

Aplicación web Fullstack con Angular y Spring Boot.

Code Lab 2,216 1 year ago
Video Not Working? Fix It Now

👨‍💻 LES DEJO LA CONFIGURACIÓN DE RESOURCES : # Configuracion de la base de datos : spring.datasource.url=jdbc:h2:mem:productos spring.datasource.username=sa spring.datasource.password= # Nos muestra por consola todas las sentencias SQL : spring.jpa.show-sql=true # La primera vez que arranca la aplicacion y ve que no se creo la base de datos la crea. # Si ya esta creada la base de datos y las tablas no hace absolutamente nada : spring.jpa.hibernate.ddl-auto = update # Podemos manipular H2 desde un navegador Web : spring.h2.console.enabled = true # URL donde vamos acceder a la base de datos localhost:8080/h2-ui : # La ruta : spring.h2.console.path = /h2-ui. 📌 CORS : @Bean public CorsFilter corsFilter() { CorsConfiguration corsConfiguration = new CorsConfiguration(); corsConfiguration.setAllowCredentials(true); corsConfiguration.setAllowedOrigins(Arrays.asList("http://localhost:4200")); corsConfiguration.setAllowedHeaders(Arrays.asList("Origin", "Access-Control-Allow-Origin", "Content-Type", "Accept", "Authorization", "Origin, Accept", "X-Requested-With", "Access-Control-Request-Method", "Access-Control-Request-Headers")); corsConfiguration.setExposedHeaders(Arrays.asList("Origin", "Content-Type", "Accept", "Authorization", "Access-Control-Allow-Origin", "Access-Control-Allow-Origin", "Access-Control-Allow-Credentials")); corsConfiguration.setAllowedMethods(Arrays.asList("GET", "POST", "PUT", "DELETE", "OPTIONS")); UrlBasedCorsConfigurationSource urlBasedCorsConfigurationSource = new UrlBasedCorsConfigurationSource(); urlBasedCorsConfigurationSource.registerCorsConfiguration("/**", corsConfiguration); return new CorsFilter(urlBasedCorsConfigurationSource); } 📌 PAGINA WEB CODE LAB : https://front-code-lab.vercel.app/ ✅ SECCIONES : 0:00 Comienzo del video. 0:28 Inicialización de aplicación de Spring Boot. 03:29 Inicialización de proyecto de Angular. 04:38 Creación del BackEnd. 36:11 Creación del FrontEnd. 46:31 Implementar CORS. 53:30 Maquetado y estilos.

Comment